>> ঠিক আছে.
সুতরাং, জাভাস্ক্রিপ্ট.
এই রুমে প্রায় সবাই সম্ভবত কিছু ডিগ্রী আছে
এটা দিয়ে আরাম কিনা এটি ভাবে ফিরে যখন SC50 ছিল
অথবা এটি ব্যক্তিগত হয়েছে এমনকি ওয়েব প্রকল্প বা
আপনার সাথে এটা কোনো কিছু না হলে এই গত পিএইচপি বেস প্রকল্প,
কিন্তু অধিকাংশ জন্য অংশ, আপনি অনেক,
আপনি কিছু সান্ত্বনা আছে, এমনকি যদি
জাভাস্ক্রিপ্ট দিয়ে হয়তো নেওয়া হয়নি
নিশ্চিতভাবে ধরে কিভাবে ভাষা কাজ করে এবং কি যায়
উপর ফণা নীচে এবং আমরা চেষ্টা করছি যাচ্ছে কি
আজ কি ছুলা ফিরে প্রযুক্তিগত স্তর কিছু
জাভাস্ক্রিপ্ট কি, কিভাবে এটি একটি ভাষা থেকে পৃথক
পিএইচপি মত, কিভাবে হতে পারে ব্যবহৃত ক্লায়েন্ট সাইড না শুধুমাত্র
কিন্তু সার্ভার প্রান্তের এবং তারপর খুব বিশেষভাবে নজর দিতে
এই ফ্রেমওয়ার্কের উপর, কোন বিএসএফের বিজ্ঞপ্তি যা মূলত একটি রান টাইম হয়,
যা আপনার সাথে একটি প্রোগ্রাম জাভাস্ক্রিপ্ট কোড নির্বাহ করতে পারেন,
সার্ভার সাইড এবং এটি হয়ে উঠছে দ্রুত জনপ্রিয় সাজানোর
একই মর্যাদা নেভিগেশন এই সম্ভবত রুবি এবং পিএইচপি দিন
এবং পাইথন এবং আপনি দেখতে পাবেন
এটা কিছু প্রশংসনীয় হয়েছে কিছু প্রণালী দ্বারা ক্ষমতাশালী বৈশিষ্ট্য
অন্তর্নির্মিত ভাষার নির্মান.
সহজ কিন্তু প্রথম, কিছু শুধু আপনাকে স্মরণ করিয়ে স্টাফ
এই ভাষা কাজ করে এবং কিভাবে আপনার কোন এইজন্য কষ্ট আছে
এই মাত্র পেজে হাজার আউট এবং আমরা সমন্বয় করা হবে.
সুতরাং, পিএইচপি মত এক আছে একটি প্রধান ফাংশন কোন ধারণা,
আপনি শুধু কোড লেখা শুরু
এবং আপনি ভুল বানান পারেন নিচ এটা ব্যাখ্যা.
একটি ব্রাউজারের প্রসঙ্গে
বা কিছু সার্ভার প্রান্তের মধ্যে আমরা কিছু উদাহরণ দেখতে পাবেন
কিছুক্ষনের মধ্যে.
শর্তাবলী, চিহ্নগুলি সিন্টেক্সের , পিএইচপি সমতূল্য হিসেবে সি
সি + + এবং কিছু অন্যান্য ভাষা তাই শুধু আপনাকে একটা ধারনা দিতে
আমরা এটি গঠন করা হতে পারে কিভাবে,
শুধু একটি ক্যানোনিকাল আছে শর্ত.
বুলিয়ান এক্সপ্রেশন, সঠিক একই আপনি দেখেছেন এমন চিহ্নগুলি সিন্টেক্সের হিসাবে
যারা একই অন্য মধ্যে oring জন্য উভয় ভাষায়,
এবং একসাথে জিনিস বিভক্তি জন্য.
জাভাস্ক্রিপ্ট সুইচ আছে, অনেক পিএইচপি এবং অন্যান্য এর মত
এবং আপনার মত, সীমাবদ্ধ করছি না অবিচ্ছেদ্য প্রিমিটিভের করতে সি
অক্ষর এবং ints মত করতে পারেন আসলে মান অন্যান্য ধরনের কাজ.
Loops. সুতরাং, এই হল ঠিক একই
এবং সম্ভবত একটি ডজন ভাষায়, loops, কাজ যখন loops যখন
এবং তারপর এখানে এই কৌতুক.
সুতরাং, এই ধরণের হয় দ্রুত শুমার নামে পরিচিত
এবং এটি একটি খুব চতুর উপায় শুধু পিএইচপি করছেন মত
বার হিসাবে প্রতিটি FU জন্য আপনি একভাবে পারেন,
একটি জাভাস্ক্রিপ্ট বস্তুর মধ্যে, বস্তুর নাম যেখানে
এখানে পরিবর্তনশীল, বলে, var ঝ র বস্তুর মধ্যে এবং প্রতিটি পুনরাবৃত্তির
এই লুপ, আমি হয় এক হতে যাচ্ছে
যে বস্তু থেকে কি.
সুতরাং, যদি আপনি একটি জন্য একটি বস্তু আছে ছাত্র ও একজন ছাত্র একটি আইডি আছে
এবং একটি নাম এবং একটি ঘর, iteratively আমি নিতে হবে
আইডি এবং নাম মান এবং এর বাড়িতে এবং আপনি তজ্জন্য সূচী পারেন
বস্তুর মধ্যে এটি হিসাবে যদিও বর্গাকার বন্ধনী ব্যবহার করে একটি অ্যারে
মূল্য পেতে স্বরলিপি কী আইডি বা নামের
তাই বা ঘোষণা ঘর ও.
আর সাধারণ বিপরীত ধৃষ্টতা, জাভাস্ক্রিপ্ট, বস্তু
বৈশিষ্ট্য নয় অগত্যা করা নিশ্চিত
একই আদেশ, এই হয় পিএইচপি সত্য তাই নিই না
বিষয় থাকতে হবে একই আদেশ
আপনি ঐ কী করা যে একটি বস্তুর মধ্যে মান জোড়া.
কিভাবে অ্যারে সম্পর্কে কি?
উপায় কয়েক আছে চিহ্নগুলি সিন্টেক্সের এটা লিখতে
কিন্তু এটা সম্ভবত সবচেয়ে হয় সাধারণ এখন শুধু ব্যবহার বর্গাকার
বন্ধনী স্বরলিপি.
সুতরাং, এই একটি পরিবর্তনশীল অ্যারে ধারণকারী নম্বর গুলো কল
সেখানে ছয় পূর্ণসংখ্যার, এখানে একটি সহজ স্ট্রিং এর
এবং অনুপস্থিত কি লক্ষ্য এই উদাহরণ থেকে,
জাভাস্ক্রিপ্ট কি দৃশ্যত উদাসীন.
হ্যাঁ. সুতরাং, কোন ধারণা আছে টাইপিং এর, অবশ্যই না
এই এখানে প্রেক্ষাপটে, কিন্তু এ এই সত্যিই একটি পংক্তি.
সুতরাং, জাভাস্ক্রিপ্ট প্রকারের এবং যে প্রকৃতপক্ষে একটি অ্যারের ছিল
নিজেই একটি ধরন যা হয় এবং উপাদানের প্রতিটি
যে অ্যারের মধ্যে ধরনের ছিল জাভাস্ক্রিপ্ট হিসাবে নম্বর তাদের কল.
সুতরাং, এটি একটি ঢিলেঢালাভাবে টাইপ করা আছে ভাষা এবং আমরা দেখতে পাবেন
পিএইচপি মত যে জাভাস্ক্রিপ্ট একটি পরিচয় অপারেটর আছে
এবং অন্যান্য মেকানিজম জন্য আসলে কি ধরনের পরীক্ষা
কিছু পরিবর্তনশীল উভয় ত্রুটি পরীক্ষা জন্য
এবং অন্যান্য অ্যাপ্লিকেশনের জন্য.
এবং এখানে একটি নমুনা বস্তু আছে শুধু একটি আইডি এবং একটি নাম ধারণকারী.
এবং এখন, আমরা পারব নোটিশ কোঁকড়া বন্ধনী নোটেশন ব্যবহার করে,
খাঁজ সাদা স্থান বাছাই করা অর্থহীন
এবং এই ঘোষণা একটি যার নাম রব হল পরিবর্তনশীল
এবং যার আইডি 1 এবং তারিখ টাইপ এখানে আমাদের সংখ্যা
এবং যথাক্রমে পংক্তি.
এবং তারপর এই হল কিছুটা ভিন্ন কিছু
আপনি কি কখনো কিছু কাজ করেছি যদি এই দিন Ajax সঙ্গে?
আপনি সম্ভবত ব্যবহৃত এই মত একটি বস্তু
কিন্তু কি এখানে মূল্য কি?
চিহ্নগুলি সিন্টেক্সের কখনও কি তাই ভিন্ন, শুধু একটি দম্পতি
এই উদাহরণ মধ্যে জিনিস নিঃসন্দেহে ছোট যা
এবং এই বড় উদাহরণ.
সুতরাং, প্রথম অ - বিশেষজ্ঞ এর মধ্যে শব্দটি, এই কি?
টাইপ কি স্টাফ আপনাকে বলতে হবে?
ঠিক আছে, এটি একটি অ্যারে আছে, এটা কি একটি অ্যারে আছে?
>> অবজেক্টস.
>> ঠিক আছে, এটি বস্তুর একটি অ্যারে আছে.
এবং এখন, শুধু একটা দিকে দৃষ্টি আকর্ষণ - এই বস্তু যে কোনো একটি,
বিভিন্ন কি এই এবং এই মধ্যে?
>> কি স্ট্রিং হয়.
>> হ্যাঁ. সুতরাং, কি স্ট্রিং আছে,
এবং কি আসলে উভয় ক্ষেত্রেই স্ট্রিং
এবং এই ক্যাবলা সাজানোর
আমার মতে ঐতিহাসিক নকশা সিদ্ধান্ত আপনি ব্যবহার করছেন যখনই
JSON, জাভাস্ক্রিপ্ট অবজেক্ট স্বরলিপি,
মূলত যা একটি পরিবহন ফরম্যাট
তথ্য পাঠানোর জন্য সাধারণত নেটওয়ার্ক জুড়ে
, ক্লায়েন্ট এবং সার্ভারের মধ্যে আপনি মনে রাখা প্রয়োজন
আসলে এই নয় বৈধ JSON এবং এই এক
এই FYIs আপনি যদি না কখনও প্রাচীর বিরুদ্ধে আপনার মাথা মুহূর্তেই
কোন ভাল জন্য কয়েকটি মিনিটের জন্য কারণ, এটা বৈধ JSON না
কি কারণ আসলে উদ্ধৃত না.
JSON idiotically প্রয়োজন নির্দেশক উদ্ধৃত করা না শুধুমাত্র,
কিন্তু তারা দোকর উদ্ধৃত করা যে, একক উদ্ধৃতি চিহ্ন যথেষ্ট নয়.
সুতরাং, মূঢ় সামান্য জিনিস এবং একটি মজার আসলে আরও
আজকের উদ্দেশ্যে কিন্তু এই জন্য খুব বৈধ জাভাস্ক্রিপ্ট হবে
এটা ঠিক না - বিপরীতটি সত্য নয়.
ঠিক আছে.
সুতরাং, আমরা প্রচুর দেখতে পাবেন যে বেশি.
ঠিক আছে.
সুতরাং, যে জাভাস্ক্রিপ্ট এর চিহ্নগুলি সিন্টেক্সের সম্ভবত প্রায় কাছাকাছি
পরিচিত, যারা আপনি যে কোন আগে জাভাস্ক্রিপ্ট ব্যবহার না
এটি পিএইচপি থেকে বিপুল লীপ না বা সবচেয়ে কোনো পদ্ধতিগত ভাষা
আপনি ব্যবহার করে থাকতে পারে যে.
সুতরাং, আজ আমরা মনোনিবেশ করব আকর্ষণীয় দিক
জাভাস্ক্রিপ্ট এর বিশেষ কোন জাতীয় প্রেক্ষাপটে
কিন্তু না একচেটিয়াভাবে কারণ এখন পর্যন্ত আপ আপনি সম্ভবত করেছি
আপনি জাভাস্ক্রিপ্ট ব্যবহার করা হলে, একটি ব্রাউজার ভেতরে এটি ব্যবহৃত.
সুতরাং, কোন বিএসএফের একটি পরিবেশ হয় তারপর অল্প করে যাচ্ছে
আমাদের একসেস করতে অনুমতি দেয় জাভাস্ক্রিপ্ট কোড ক্লায়েন্ট -
সার্ভার প্রান্তের কিন্তু প্রথম, এর কটাক্ষপাত করা
একটি কিছু যে এ একটু বেশি ক্লায়েন্ট সাইড.
সুতরাং, আমি সর্বস্বান্ত করেছি এবং এই হল কোর্স ওয়েবসাইটে লিঙ্ক,
আপনি বরাবর খেলা করতে চান, দুই সাবডিরেক্টরি আছে
বলা আজকের জিপ মধ্যে উৎস ফেনা ওয়েবসাইটে zip
এবং এই হল মাত্র একটি reminiscing কয়েকটি উদাহরণ
জিনিষ আপনি দেখা হতে পারে আগে এবং আমি ধরণের তাদের নির্মিত
সহজ থেকে সামান্য আপ জ্বালাতন করা আরো জটিল
বৈশিষ্ট্য কিছু আউট জাভাস্ক্রিপ্ট এর.
সুতরাং, আসুন এগিয়ে যান এবং নিতে একটি এই সময়ে উদাহরণস্বরূপ, দেখুন.
সুতরাং, দুঃখিতভাবে বিকল ট্যাগ ছিল কয়েক বছর আগে বন্ধ হত্যা
উপায় করিয়েছি হিসাবে prettier এবং prettier
ও চোখ পিট পিট ট্যাগ আক্ষরিক ছিল খোলা বন্ধনী বন্ধ বন্ধনী নাচা
এবং এটি ধরণের কোন আর আমাদের সঙ্গে.
কিন্তু, আমরা এখনও পুনঃপ্রচলন পারে শুধু ধরনের দ্বারা একটি ট্যাগ এর এই ধারণা
এর এটা সম্পর্কে চিন্তা যুক্তি, আপনি কিভাবে যান
ভালো কিছু তৈরীর সম্পর্কে এই intuitively নাচা?
আপনি একটু জানি Assuming জাভাস্ক্রিপ্ট এর কিছুক্ষণ বা সিএসএস
এই সময়ে, এটা ঠিক আছে আপনি না হলে.
>> আউট একটি সময় নির্ধারণ করুন এবং লুকান তারপর আমি এটা ট্যাগ করব পরে
আউট এবং এটি পুনরায় প্রদর্শন করুন.
>> হ্যাঁ, নিখুঁত.
এই ধরণের, 101 প্রোগ্রামিং হয়
আপনি কিভাবে একটি অর্জন করবে এই মত চাক্ষুষ প্রভাব?
হ্যাঁ, আপনি একরকম কিছু প্রদর্শন আছে
এবং তারপর কিছু, শো লুকান কিছু, কিছু লুকাতে
এবং জনাথন প্রস্তাব হিসাবে সময় আউট কোন ধরণের ব্যবহার করে,
আপনি কি করতে পারেন সময়সূচী কিছু এই বার বার প্রয়োজন ছাড়া
একটি লুপ বা ব্যবহার যে ভালো কিছু.
সুতরাং, আমার চোখ পিট পিট-0.html মধ্যে ছেড়ে দেওয়া
এবং আমার সঙ্কুচিত যাক ফন্ট অল্প
এই বেশি ফিট করে তাই.
আর এর কটাক্ষপাত করা এখানে কি ঘটছে এ.
সুতরাং, প্রথম সব, লক্ষ্য করা যে শরীর
এই পৃষ্ঠার সুপার হয় শরীরের ভেতরে, সহজ
পৃষ্ঠার শুধুমাত্র একটি DIV হয়.
আমি ইচ্ছামত দিয়েছি অভিবাদন একটি আইডি
এবং কিছু যে হতে পারে এতক্ষণ এটি অনন্য হিসাবে
এবং তারপর আমি কিছু কিছু আছে সহজ পাঠ্য, হ্যালো দুনিয়া.
সুতরাং, আমি এখন পর্যন্ত স্ক্রল যদি, কিছু ফুঁয়োফুঁয়ো স্টাইলিং বিজ্ঞপ্তি.
সুতরাং, আমি ধারালো বলে, অভিবাদন, যা হিসাবে আপনি কি জানেন
CSS এর মধ্যে শুধু স্বতন্ত্র মানে উপাদান শনাক্ত
অভিবাদন একটি ধারণা দিয়ে,
ফন্ট সাইজ ইচ্ছামত যাচ্ছে এই, মার্জিন এবং টেক্সট সারিবদ্ধ হতে.
সুতরাং, নীরস নান্দনিক বিবরণ
প্রায় টেক্সট কেন্দ্র.
সুতরাং, আকর্ষণীয় অংশ এখানে স্ক্রিপ্ট ট্যাগ আপ ইন
আমি ভিতরে রাখা ঘটতে যা পৃষ্ঠার মাথার.
সুতরাং, নাহ্ - আপনি কি করতে পারেন এই পদ্ধতিতে যে কোন সংখ্যার মধ্যে
এবং আমরা কিছু দেখতে পাবেন এই একই প্রোগ্রামের পুনরাবৃত্তিও
কিন্তু এর উপর থেকে শুরু.
সুতরাং, আমি একটি ঘোষণা করেছি চোখ পিট পিট নামক ফাংশন
এবং দৃশ্যত এটা এই ব্যবহার বিল্ট ইন নামক DOM পদ্ধতি
সম্ভবত যা getElementById আরো শক্তিশালী একটি পদ্ধতির
আপনি বক্সের বাইরে চলে যে জাভাস্ক্রিপ্ট খুঁজছেন সঙ্গে
"গ্রিটিংস" তা নয় এটি ছিল ভালো উদ্ধৃতি চিহ্ন হতে
এইচটিএমএল হয় হয় সূক্ষ্ম এতক্ষণ হয়
আপনি stylistically হয় সুসংগত আমি সাহস এই দিন বলে
অনেক মানুষ জাভা ব্যবহার, জাভাস্ক্রিপ্ট মধ্যে একক উদ্ধৃতি চিহ্ন,
ডবল HTML এ কোট কিন্তু এটা আসলে কোন ব্যাপার না
এতক্ষণ আপনি সঙ্গতিপূর্ণ পারছেন হিসাবে.
সুতরাং, এখানে আপনি পরিচিত না হন তাহলে, আসলে আপনি ব্যবহার করতে পারবেন
জাভাস্ক্রিপ্ট CSS এর সঙ্গে উপাদান নেভিগেশন বৈশিষ্ট্য.
সুতরাং, আমি করেছি নোটিশ DIV নামক ঘোষিত একটি পরিবর্তনশীল
ও ভিতরে সংরক্ষিত যে পরিবর্তনশীল,
যাই হোক না কেন একটি রেফারেন্স যে DOM উপাদান.
সুতরাং, আপনি ফিরে CS50 যাও মনে হলে বা আপনি চিন্তা যা কোনো ক্লাস
ট্রি কাঠামো সম্পর্কে এবং DOM, ডকুমেন্ট অবজেক্ট মডেল,
শুধু এই একটি রেফারেন্স একটি গাছ একটি নোডের,
যে এই পৃষ্ঠায় প্রতিনিধিত্ব করে
এবং যদি div.style.visibility সম্পত্তি, সমান, সমান, সমান
লুকানো, তাহলে আমি ঠিক একটি টগল এটি করতে চান
জনাথন প্রস্তাবিত হিসাবে অন্যথায় আমি চাই
এটা গোপন করার উপর টগল.
এখন, পাশ হিসাবে, কেন ট্রিপল সেখানে সমান?
অথবা যে বনাম কি ডবল সমান?
>> কঠোর সমতুল্য.
>> দুঃখিত.
>> কঠোর সমতুল্য.
সুতরাং, এটা পরিচয় অপারেটর এর
আপনি না চেক করছি যেখানে দ্বারা ভেরিয়েবলের শুধুমাত্র মূল্য
একটি সমান, সমান অর্থে হিসাবে কিন্তু এটি ধরণ.
সুতরাং, আমরা না আছে যদিও কোন তথ্য এই পর্যন্ত নির্দিষ্ট করা
কোনো ভেরিয়েবলের জন্য ধরনের এই বা স্লাইড কোন,
সংশ্লিষ্ট একটি ধরন আছে স্ট্রিং লুকানো সঙ্গে
যে লুকানো মূল্য, এবং সঙ্গে যে অবশ্যই স্ট্রিং হয়.
সুতরাং, এই ক্ষেত্রে, এটা সত্যিই কোন ব্যাপার না
কোন উপায় যে আছে, কারণ আমরা একটি স্ট্রিং গলিয়ে মিশিয়ে চলুন
এর "লুকানো" সঙ্গে কিছু অন্যান্য মান
কিন্তু এই প্রায়ই একটি ভাল অভ্যাস আমি পেতে বলতে হবে
সমান সমান ব্যবহার করে,
সমান চিহ্ন সাধারণত হয় একটি ভাল জিনিস.
এটি আপনার কোড করা হবে আরো পিএইচপি উভয় শক্তসমর্থ কিন্তু
এবং জাভাস্ক্রিপ্ট মধ্যে আপনি রান করব, কারণ
মাঝে মাঝে কোণ ক্ষেত্রে মধ্যে মান শূন্য হতে পারে যেখানে
আপনার জন্য পরীক্ষণ এবং করছি শূন্য মিথ্যা সাথে মিশিয়ে ফেলেছিলেন করা যাবে
অথবা, কোন ও পিএইচপি হিসাবে হতে পারে
জাভাস্ক্রিপ্ট খুব একাধিক থাকতে পারে মিথ্যাভাবে মান যেখানে শূন্য দ্বারা
এবং মিথ্যা ও নাল ও অনির্ধারিত সব পরোক্ষভাবে সমাধান করতে পারেন
মিথ্যা.
কিন্তু আপনি সত্যিই অনুপস্থিত করছি বিশেষ মূল্য জন্য চেক
মত শূন্য, নম্বর, বা মিথ্যা বুলিয়ান তাহলে আপনি
এই পরিচয় অপারেটর ব্যবহার করতে.
সুতরাং, এটি পেতে ঘটতে পারে যাইহোক মধ্যে এমনকি এখানে যদিও,
এটা ধরণের অর্থহীন এর আমরা চেক করছি জানি কারণ
একটি স্ট্রিং মান জন্য এবং এটি অন্য কিছু করা যাচ্ছে না.
সুতরাং, যদি এখানে জাদু, তাহলে আমি এখানে এই লাইন নিচে স্ক্রল,
দৃশ্যতঃ নির্মিত উইন্ডো বস্তুর মধ্যে
এবং এই একটি বৈশিষ্ট্য হল আপনি অ্যাক্সেস করতে পারে একটি ব্রাউজার
এই সুপার বিশ্বব্যাপী যাও উইন্ডো নামক বস্তু,
যে এর ভিতর কিছু বৈশিষ্ট্য,
যদি টুকরা যা ব্যবধান সেট করা হয়
এবং এটি দৃশ্যত লাগে আর্গুমেন্ট কি ধরণের?
হ্যাঁ.
>> ফাংশন কল এবং একটি সময়.
>> গুড. সুতরাং, একটি ফাংশন একটি সময় এবং কল
এবং তাই বিশেষ একটি একটি ফাংশন রেফারেন্স,
একটি ফাংশন একটি পয়েন্টার একটি অর্থে
এবং যে ফাংশন যে যাচ্ছে
প্রত্যেক নম্বর মৃত্যুদন্ড কার্যকর করার জন্য মিলিসেকেন্ড এবং এই ক্ষেত্রে,
এটি প্রতি 500 মিলিসেকেন্ড এর.
সুতরাং, এটা inducing একটি উপায় কার্যকরভাবে এবং অসীম লুপ
পুনরাবৃত্তির ব্যবহার করে কিন্তু ছাড়া পরিবর্তে জাভাস্ক্রিপ্ট কহন
ভিতরে ইঞ্জিন ব্রাউজারের
এই প্রতি 500 কি মিলিসেকেন্ড বা পাসে
500 মিলিসেকেন্ড তা সম্ভব করার জন্য,
দেখা যাচ্ছে যে ফণা নীচে,
একটি ঘটনা বলা কি আছে লুপ এবং আমরা এই ফিরে আসবো
নোড বিএসএফের প্রেক্ষাপটে যে শুধু ক্রমাগত ধরনের
, কাটনা, সেখানে বসা কাজ করতে হবে কাজ করার জন্য অপেক্ষা করছে
এবং যত তাড়াতাড়ি এটা উপলব্ধি হিসাবে,
500 মিলিসেকেন্ড অতিক্রান্ত চোখ পিট পিট করে আবার বলা হবে
এবং আবার এবং আবার হয় অন্য কোন কাজের পাশাপাশি
যে করাতে প্রয়োজন.
সুতরাং, আমরা এখানে কি উন্নত করতে পারেন?
আচ্ছা, আমাকে খুলুন আপ বিকল-1.html
ও চোখ পিট পিট-1.html প্রকট
হিসাবে aesthetically পুরোপুরি অভিন্ন.
সুতরাং, আমরা এখানে কি উন্নতি করতে পারেন?
ওয়েল, লক্ষ্য করা যে এটি ধরনের বেহুদা ছিল
একটি ফাংশন বলা সংজ্ঞায়িত নাচা কারণ কতগুলি
মধ্যে কতগুলি জায়গা হয়নি আমি ফাংশন বিকল কল?
>> শুধু একবার.
>> সুতরাং, এক.
সুতরাং, এটা খারাপ ছিল না আসলে সম্ভবত এটি প্রশংসনীয় এর
সহজ.
আমি একটি ফাংশন বিকল সংজ্ঞায়িত আমি এইভাবে একটি ফাংশন বিকল কল
এই পরামিতির, কিন্তু টেকনিক্যালি,
জন্য কারণ ছিল না এটি এবং একটি সাধারণ উদাহরণ
জাভাস্ক্রিপ্ট মধ্যে আসলে হয় ল্যামডা ফাংশন ব্যবহার করতে
আপনার কাছ থেকে প্রত্যাহার করা হতে পারে হিসাবে 51 বা বেনামী ফাংশন
যেখানে আপনি প্রয়োজন নেই, যদি একটি ফাংশন জন্য একটি নাম,
আপনি শুধু এটা আহ্বান করছি অবশ্যই এক জায়গায়,
কেন, আপনার কোড cluttering বিরক্ত প্রোগ্রামারদের মন cluttering
এবং আপনার নাম স্পেস সত্যিই চিহ্ন
আপনি সত্যিই না যে যত্নশীল করা প্রয়োজন.
এবং তাই, এখানে এই সংস্করণে,
আমি আহ্বান করছি নোটিশ window.SetInterval সরাসরি
খুব শীর্ষে আমার স্ক্রিপ্ট ট্যাগ তারপর আমি পার করছি
একটি অখ্যাত ফাংশন পাল্টা যুক্তি হল যে কোন সময় লাগে
এবং যে পুরোপুরি এর জরিমানা এবং তারপর শরীর
যে ফাংশন এটা প্রদর্শিত হবে এটি আগে ছিল তার সাথে অভিন্ন
এবং শুধুমাত্র অন্বিত পার্থক্য এখন হয়
এখানে নিচে পরের থেকে 500.
আমি শরীরের বন্ধ করছি ফাংশনের
এবং তারপর আমি বলছে করছি যে পূর্ববর্তী কোড চালানো,
প্রতি 500 মিলিসেকেন্ড.
তাই, খুব প্রান্তিক পরিবর্তন
কিন্তু কি দিকে একটি পদক্ষেপ সম্ভবত আরো একটি মার্জিত
এই বাস্তবায়ন.
সুতরাং, এর এই এক নিতে আমি এখন যেতে হলে আরও একধাপ
চোখ পিট পিট দুই মধ্যে, আপনি পাবেন একটি সাধারণ পাঠাগার দেখতে,
যার প্রভাব যাচ্ছে
সম্পূর্ণ তুচ্ছ করা আমরা যেতে aesthetically কিন্তু যদি
এখানে সংস্করণ দুই মধ্যে, নোটিশ যে আমার মাথার উপরে,
আমি অন্তর্ভুক্ত করেছেন JQuery এর সর্বশেষ সংস্করণ.
এবং তারপর, নিচে এখানে, আমি ঠিক পরিষ্কার
কোড আপ, এটি একটি সামান্য বিট একটি মজার দুনিয়া করা যাচ্ছে না
ব্যবহার করে অবিরত স্থানীয় DOM ফাংশন
এবং কাঁচা জাভাস্ক্রিপ্ট ধরণের.
আসলে, JQuery আপনি করতে পারেন হিসাবে জানি তাই জনপ্রিয় হয়ে উঠেছে
যে অধিকাংশ লোক শুধু জাভাস্ক্রিপ্ট সঙ্গে দ্বন্দ্ব jQuery
কিন্তু সত্যিই শুধু একটি নৈশভোজ লিখিত দরকারী লাইব্রেরি
জন নামে একটি সহযোগী দ্বারা Resig এবং অন্যদের থেকে
আছে মাত্র একটি করে তোলে ক্লান্তিকর জিনিস অনেক
জাভাস্ক্রিপ্ট মধ্যে সহজ এবং আরো সংক্ষিপ্ত.
সুতরাং, এই ক্ষেত্রে এখানে কি করছেন?
সুতরাং, আমি এই চেহারা আছে আরও যে একটি ডলার চিহ্ন,
মাত্র কয়েক মিনিটের মধ্যে, তারপর এই একটি CSS এর নির্বাচক হয়.
সুতরাং, এটা খুবই অনুরূপ আমি আগে কি কি আত্মা,
কিন্তু এই সময়, আমি আছি আক্ষরিক হ্যাশ ট্যাগ ব্যবহার
একটি অনন্য ইঙ্গিত অভিবাদন বলা আইডেন্টিফায়ার
এবং তারপর দৃশ্যত . সিএসএস নির্মিত একটি পদ্ধতি
এ যাহা বস্তু আমি ঠিক তৈরি হয়
এবং আমি মান পরীক্ষণ করছি দৃশ্যমানতা কি 'র.
এবং যদি যে কী মান , সমান সমান, সমান, লুকানো,
তারপর আমি এটা টগল যাচ্ছে এবং করছি আমি এটা এই সময় টগল করা যাচ্ছে না
একই পদ্ধতি ব্যবহার করে যা দৃশ্যত ওভারলোড হয়
এটা যে অর্থে দুটি ভিন্ন স্বাক্ষর,
এক যুক্তি দিয়ে এক এবং দুটি আর্গুমেন্ট সঙ্গে এক,
যা দ্বিতীয় গোয়েন্দা হয়,
যা সাবেক হল একটি লোক তাই কথা বলতে.
আর যদি জানতে আগ্রহী এবং আপনি চাই যদি আসলে, এই সময়ে লাগছিল না
আমরা আশা jquery.css যেতে হলে উপরে আঘাত প্রকৃতপক্ষে এই হল
এবং আপনি আরও দেখতে পারেন আনুষ্ঠানিক ব্যাখ্যা
আমরা শুধু এই ব্যবহার করে, . সম্পত্তি নামের সঙ্গে সিএসএস
এবং তারপর সেটার ডট সিএসএস হয়
একটি সম্পত্তি নাম এবং একটি মান.
সুতরাং, বাড়তে ক্লিনার, কিন্তু এখানে প্যাটার্ন ধরণের বিজ্ঞপ্তি
প্রতিটি পুনরাবৃত্তির সঙ্গে এই কোড,
আমরা ধরণের এটি তৈরি করছি কঠিন এবং কঠিন এবং কঠিন
এবং ভাল ডিজাইন আছে বলে
আমরা কেউ ব্যবহার করছেন থেকে কাটানো যে অন্য কোড
জটিলতা কিছু.
সুতরাং, এখন আমি কি করতে দেওয়া এই এমনকি সহজ.
এবং সত্য, আমি যদি মুছে ফেলার সব আপনি শুধু সব দেখতে পাবেন কোট
আপনি দেখতে পাবেন মন্তব্য সহজ এই অর্জিত হয়েছে.
এক পার্থক্য এখানে অবশ্যই হয়
আমি একটি টগল ব্যবহার করছি যে এছাড়াও নির্মিত আসে যা পদ্ধতি
jQuery এবং যে ঠিক করার মধ্যে
কারণ অন্য কেউ কোড লেখেন
যে আসলে toggles দৃশ্যমানতা সেটিং
কোনো DOM উপাদান আপনি এটা পাঠান যে.
সুতরাং, ভাল এবং ভাল.
এবং তাই, এই একটি প্যাটার্ন,
এই একটি নৈশভোজ যদিও সহজ উদাহরণ এবং সাজানোর
মূঢ় নেট প্রভাব যা লেখার একটা জ্বলজ্বলে টুকরা,
এটা চিন্তার যে ধরনের আপনি কি মনে করেন যে প্রক্রিয়া -
সম্পর্কে না চিন্তা করা অগত্যা প্রথম
প্যাসিভ লেখার কিছু আসন্ন প্রকল্পের জন্য
কিন্তু অবশ্যই আপনি পুনরুক্তি যত আপনার উপদেষ্টা সাথে বা আমার সাথে
এবং আপনার দলের মিটিং অথবা আপনি শুধুমাত্র আপনার সতীর্থদের কোড পর্যালোচনা
কষাকষি সম্পর্কে জিনিষ আপ, ডান?
সব পরে, তারা কম করছি -
কোড একটি কম লাইন আপনি শেষ পর্যন্ত আছে
তত্ত্ব কম বাগ আপনি আমন্ত্রণ করা সম্ভবত
কেবল আছে, কারণ সঙ্গে জড়ান কম কোড.
ঠিক আছে.
সুতরাং, takeaways একটি দম্পতি.
ল্যামডা ফাংশন, বেনামী ফাংশন,
যা আপনি অনেক আগে দেখা যায়
এবং তারপর এও ঠিক কষাকষি একটি লাইব্রেরি সঙ্গে জিনিষ আপ
এই মধ্যে jQuery মত নির্দিষ্ট ক্ষেত্রে.
ঠিক আছে.
কোন প্রশ্ন?
এর অন্য এক করুক না এখানে ক্লায়েন্ট সাইড দৃষ্টিভঙ্গি,
ফর্ম শূন্য মধ্যে আমরা আছে এই নেট প্রভাব.
দৃশ্যত সুপার সহজ ফর্ম এবং আমি এখানে রেজিস্টার ক্লিক করতে চেষ্টা করুন,
প্রাথমিকভাবে এটা আপনি আমাকে বলে নিবন্ধিত, ভাল, না সত্যিই.
ওয়েল, এটা কেন হয়?
ভাল, এখানে ফর্ম-0.html এর খুব অল্প কোড,
কোন জাভাস্ক্রিপ্ট সবটা এবং এটি সম্পূর্ণরূপে একটি জাল সাজানোর
ফর্মের কারণে কর্ম মূল্য registered.html হয়
যা কোন ব্যাপার কি মানে আমি এই ফর্ম মধ্যে টাইপ করুন,
এটি যেখানে যাচ্ছে সার্ভারে পাঠানো?
হ্যাঁ. সুতরাং, registered.html যাও যা স্পষ্টতই একটি HTML ফাইল
তাই স্ট্যাটিক যা কোন মানে আছে যা ফাইল
অভিমানী ব্যবহারকারীর ইনপুট গ্রহণ কোন জাভাস্ক্রিপ্ট কোড আছে
এটি এমবেড যে URL-এ খুঁজছেন
তাই এই সম্পূর্ণ একটি Noop এবং কিছুই যে ঘটতে যাচ্ছে
একটি জমা তথ্য, কিন্তু সঙ্গে আপনি কাঠামো দেখতে পারেন
একটি মোটামুটি সহজ HTML5 এর ফর্ম
যে কয়েক পাসওয়ার্ড আছে, কয়েকটি ইনপুট ধরন.
সুতরাং, আসলে এখন এর যাক কিছু ত্রুটি পরীক্ষা যোগ
এবং দেখুন কিভাবে আমরা বল এই উন্নত.
সুতরাং, এখানে ধরণের একটি খারাপ এই রূপায়ণকারী ম্যান এর পথ
এবং এটা ধরণের একটি আছে কোড এর কদর্য খণ্ড.
সুতরাং, প্রথম এর যাক স্ক্রল নীচে নিচে
একই কি দেখতে এবং কি আলাদা.
বিভিন্ন শুধু এখন এই মধ্যে
এবং পূর্ববর্তী সংস্করণ আমি ফর্ম ও আইডি দিয়েছি যে
"নিবন্ধন" পারা হাজার আমি চাই হয়েছে কিছু আছে
কিন্তু তার স্বতন্ত্র হতে বোঝানো শনাক্তযোগ্য এমনকি যে না
কঠোরভাবে প্রয়োজনীয় কারণ যদি পাতা শুধুমাত্র নিশ্চয় এক ফর্ম আছে আমি
এক সঙ্গে এটি খুঁজে পাইনি jQuery এর নির্বাচক পদ্ধতি.
কিন্তু এই ভাবে ঠিক করে তোলে এটি আরো নিয়ন্ত্রণবাদী.
সুতরাং, আমি আমার স্ক্রিপ্ট থেকে এখন পর্যন্ত যান ট্যাগ,, নিম্নলিখিত বিজ্ঞপ্তি
window.onload সমান একটি বেনামী ফাংশন.
সুতরাং, এই কি করছে?
সুতরাং, আপনি যে প্রত্যাহার করা হতে পারে ক্লায়েন্ট প্রান্তের প্রোগ্রামিং -
জাভাস্ক্রিপ্ট বদলে এইচটিএমএল পেজ বিভিন্ন ঘটনা যুক্ত করেছেন
উপাদান, ক্লিক সঙ্গে এবং জমা এবং মনোযোগ নিবদ্ধ
এবং যোগাযোগ এবং অন্যান্য যেমন ঘটতে পারে যে ঘটনা
সাধারণত একটি ব্যবহারকারী হিসেবে পাতা সাথে মিথস্ক্রিয়া,
window.onload এটা বলছেন কি না.
উইন্ডোজ সমগ্র Loading অন
তাই একবার সব ছবি হয়েছে সমস্ত ফাইল একবার আছে ডাউনলোড করা
একবার ডাউনলোড হয়েছে পাতা লোড করা হয়েছে,
নিম্নলিখিত কোড, এবং আমি নীচে সুইচ যদি লক্ষ্য
এই পদ্ধতির, লক্ষ্য করা যে কোন লঘুবন্ধনী আছে
কোঁকড়া বক্রবন্ধনী পরে বলতে যা
আমি নির্বাহ করছি না যে এখন পর্যন্ত এখানে এই ফাংশন,
ব্রাউজার চালানো যাচ্ছে তা নির্ধারিত হয়েছে যখন আমার জন্য
পাতা লোড হয়েছে.
সুতরাং, আসুন আমরা সম্পন্ন করেছি কি দেখতে দিন,
document.getElementById নিবন্ধন
তাই যে শুধু আমাকে দেয় নোডের একটি রেফারেন্স
আছে এর যে ট্রির নিবন্ধন একটি আইডি.
এবং এখন, আমি যাচ্ছি অন্য ইভেন্ট হ্যান্ডলার রেজিস্টার
form.onsubmit পায় করে এই বেনামী ফাংশন
নিম্নলিখিত যার মানে কোড চালানো উচিত যখনই
যে ফর্ম জমা হয়.
এখন, এই অধিকাংশ ঠিক হয় ধরণের লজিক বিরক্তিকর.
সুতরাং, যদি এর মান আকারে ইমেইল ক্ষেত্র
"কিছুই" তারপর আপনি আবশ্যক আপনার ইমেইল ঠিকানা প্রদান
আপনি একটি ব্যবহারকারীর চিত্কার সতর্ক এবং তারপর মিথ্যা ফিরে.
এবং তারপর আমি একটি আছে অন্যান্য চেক গুচ্ছ,
পাসওয়ার্ড জন্য চেক,
চেক যদি পাসওয়ার্ড, একই
চেক যদি চুক্তি চেক বক্স চেক করা বা না করা হয়
এবং আমি চিত্কার ব্যবহারকারী যদি থাকে
যারা পরীক্ষার আসলে ব্যর্থ.
এবং তাই, এখানে একটি উদাহরণ এমনকি হয় এটা একটু কল্পিত যদিও
আমি ব্যবহার করছি যে এখানে আসলে ,, সমান সমান, সমান
মানে ইউজার আমার রত চেষ্টা করতে পারবেন না
কি মূল্য টাইপ করে.
বরং বা আমি সত্যিই আছি উপস্থিতি চেক
খালি স্ট্রিং, ব্যবহারকারী এখনো কিছু টাইপ করা হয় নি.
যদি টাইপ করা ব্যবহারকারী আক্ষরিক শূন্য মধ্যে
"শূন্য" সম্ভাব্য হতে পারে খালি স্ট্রিং দিয়ে বিভ্রান্ত.
এবং আমি এটি সাজানোর বলতে এখানে অর্থহীন
সম্ভবত এমনকি শূন্য, কারণ একটি ইমেল ঠিকানা নয়.
কিন্তু এই একটি অধিক যদি একটি টেক্সট ক্ষেত্রের মত জেনেরিক ক্ষেত্রের
অথবা একটি নাম বা একটি বিবরণ বা আপনার জন্য মূল্য চাই কিছু
এবং এটি অগত্যা না চিহ্নগুলি সিন্টেক্সের আছে
একটি ইমেইল ঠিকানা, ব্যবহারকারীর হবে শূন্য ভালো কিছু টাইপ করতে পারে
এবং আবার কোণার ক্ষেত্রে কিন্তু যে কেন সাধারণত ধরনের হয় পরীক্ষণের
একটি দরকারী জিনিস.
আপনি সত্যিই জন্য চেক করছি ব্যবহারকারী কিছুই টাইপ করা হচ্ছে
যে ক্ষেত্রে.
সুতরাং, কি হবে যদি কেউ যারা পরীক্ষা, ভাল, ব্যর্থ
সত্য ভিতরে ফিরে একটি ইভেন্ট হ্যান্ডলার এর
মত onsubmit শুধু যাক মানে মূল আচরণ আসলে
সুতরাং বংশ বিস্তার এবং ফর্ম জমা করতে হবে.
এবং যে কেন যখন পরিশেষে আমি এর আমি পেয়েছিলাম আগে জমা দিতে ক্লিক
মাধ্যমে register.html করতে এবং আমি এখন তা করতে হলে, নোটিশ,
আমি আমি না থাকলে এ yelled পেতে একটি ইমেইল ঠিকানা প্রদান
এবং আমি টাইপ করতে পারেন malan@harvard.edu,
অরূণ [ফনেটিক], অরূণ, বক্স চেক,
এবং এখন রেজিস্টার এবং এটা আবার, আমাকে বলে,
আপনি নিবন্ধিত বা না সত্যিই.
ঠিক আছে.
সুতরাং, এর মাত্র এই পরিষ্কার করা যাক তারপর অল্প এবং রূপান্তর
নতুন নতুন যাও সার্ভার সাইড স্টাফ.
সুতরাং, আমি ফর্ম-2.html মধ্যে যান, কিছু বিষয় খেয়াল করতে.
সুতরাং, এক, আমি আনা ফিরে মিশ্রণ মধ্যে jQuery
তাই সেখানে আবার হয় এই ডলার চিহ্ন
এবং এখন আমি ব্যবহার করছি কিছু jQuery পদ্ধতি.
সুতরাং, প্রথম, এটা সম্পর্কে কি যে ডলার চিহ্ন
এখানে তাই বিশেষ?
ডলার চিহ্ন করিয়া ফিতাবাঁধা কি সবচেয়ে কোনো jQuery কোড জুড়ে?
হ্যাঁ.
[শ্রবণাতীত মন্তব্য]
ঠিক আছে. সুতরাং, ডলার সাইন ফাংশন খুঁজছেন DOM মাধ্যমে যায়
এই সঙ্গে কিছু জন্য বিশেষ সিএসএস নির্বাচক.
সুতরাং, সত্য কিন্তু প্রায় খুব ভালো.
এটা কি হয় আপনি একটি স্ট্রিং পাস হলে
এই ক্ষেত্রে হিসাবে, কিন্তু আপনি না সবসময় একটি স্ট্রিং পাস আছে.
বস্তুত, একটা উদাহরণ হল, খুব এখানে প্রথম লাইনে এই একটি নয় হয়
CSS এর নির্বাচক, আমি পার করছি একটি Lambda ফাংশন.
সুতরাং, আরো সাধারণভাবে - তাই, ভাল উত্তর কিন্তু খুব ভালো.
আরো সাধারণভাবে, কি ডলার চিহ্ন প্রতিনিধিত্ব করেন?
>> শুধু jQuery.
>> হ্যাঁ. সুতরাং, শুধু jQuery বা এটা শুধুমাত্র একটি ফাংশন
যে আগে কিছু লোক বছর লিখেছিলেন এবং অন্যান্য ব্যক্তি আছে
যেহেতু উন্নত যে আক্ষরিক ডিফল্ট বলা হয় দ্বারা -
ওহো, jQuery বলা হয়.
এটা ঠিক - এটি সক্রিয় অনেক অসদৃশ আউট
ভাষার ডলার চিহ্ন হল একটি ব্যবহার পুরোপুরি বৈধ প্রতীক
একটি পরিবর্তনশীল এর নাম যেহেতু এ
পিএইচপি ডলার সাইন ইন সম্ভবত বিশেষ অর্থ আছে
কিন্তু জাভাস্ক্রিপ্ট মধ্যে মত কিছু ভাষা, ডলার চিহ্ন
এবং আন্ডারস্কোর এবং অন্যান্য যেমন বিশেষ অক্ষর সম্পূর্ণভাবে legit
আপনার নিজস্ব প্রতীক ব্যবহার করার জন্য ভেরিয়েবলের জন্য নাম.
সুতরাং, কেউ ঠিক সিদ্ধান্ত নিয়েছে যে, আপনি কি জানেন?
এটি বেশ ক্লান্তিকর হতে যাচ্ছে
সমগ্র বিশ্বের করতে jQuery সব সময় টাইপ করুন,
আমার ধরণের নেওয়া যাক একটি মাটিতে পণ এবং বলে,
"এই লাইব্রেরী হবে ডলার চিহ্ন ব্যবহার করুন. "
এবং সত্য, এই ঝুঁকি বাড়াতে না
যে presumptuously অন্য কেউ ডলার চিহ্ন ব্যবহার করতে হবে
তার বা তার গ্রন্থাগারের কিন্তু জন্য ধরণের বীমা উপায় আছে
যে আপনি ডলার ব্যবহার করার সময় এটা jQuery করার মানচিত্র সাইন
আপনি পরীক্ষা করতে পারবেন, কারণ যদি এটি আগে থেকেই নির্ধারিত হয়েছে
মূলত অন্য কিছু করার.
ঠিক আছে.
সুতরাং, যে সব যে , কোন জাদু আছে না.
এটা খুঁজছেন শুধু একটি সেক্সি আছে চমৎকার যে বাক্য গঠন সমাচার
এবং দ্রুত এবং টাইপ করা সহজ.
যখন আপনি তাই কি হয় ডলার চিহ্ন খোলা paren টাইপ
এবং তারপর একটি বেনামী ফাংশন.
ওয়েল, এই যে দেখা যাচ্ছে আসলে সাঁটে লেখার স্বরলিপি
নথি ডট জন্য প্রস্তুত খোলা paren.
সুতরাং, হিসাবে সিনথিয়া লক্ষ্য তার আগে আমরা ইতিমধ্যে পাওয়া এক
কোণার কেস.
আপনি শুধু পাস হলে ল্যামডা ফাংশন,
ডলার প্রভাব সাইন একটু ভিন্ন.
আসলে, সত্যিই কি ঘটছে এটা এই সমতূল্য যে হয়,
একটি রেফারেন্স কথা প্রসঙ্গে বৈশ্বিক নথিতে বস্তু
যে ঠিক মত বৈশ্বিক হয় উইন্ডো বস্তু
যে আপনি কিছু দেয় বিশেষ কার্যকারিতা
যে সমগ্র পাতা প্রভাবিত করে অথবা ব্রাউজার এবং এটি সক্রিয় করে
যে নথি আউট যখন আপনি jQuery সঙ্গে এটি মোড়ানো,
jQuery মূলত, বুঝতে পারবেন ওহ, এই একটি রেফারেন্স
যে বিশেষ নথিতে বস্তু,
আমার এখন রেজিস্টার যাক একটি ইভেন্ট হ্যান্ডলার প্রস্তুত বলা
নেটিভ নয় যা জাভাস্ক্রিপ্ট বা DOM সম্পর্কিত.
প্রস্তুত একটি jQuery হয় যে জিনিস
পাতা লোড হওয়ার পরে এইচটিএমএল এলিমেন্ট সব
কিন্তু অগত্যা লোড না, CSS এবং ইমেজ সব
জাভাস্ক্রিপ্ট ফাইল এবং এবং ফাইল এবং পছন্দ ফ্ল্যাশ.
সুতরাং, এটা আগে একটি পদক্ষেপ চাহিদার উপর তারপর এগিয়ে যান
এবং নিম্নলিখিত চালানো.
এবং প্রস্তুত নেভিগেশন ব্যবহারের গোলমালে মানে, আপনি, আপনি জানেন করতে পারেন
যে উপাদানের সমস্ত আপনার DOM মধ্যে,
স্বতন্ত্র চিহ্নিত সব ID-র সাথে কথা বলার পর তারা এমনকি অস্তিত্ব
যদি পাতা, এর বিষয়বস্তু এখনও লোড এবং লোড করা হয়
এবং আপনি কিছু আছে একটি মুহূর্ত জন্য ভাঙা আইকন
বা ব্যাকগ্রাউন্ডে সাদা পাতা.
হ্যাঁ.
>> কি ঘটতে পারে [শ্রবণাতীত] তাহলে কি হবে?
>> পারফেক্ট উদাহরণস্বরূপ, একটি নিখুঁত প্রশ্ন.
সুতরাং, যদি আমরা করতে পারেন দেখুন এই মুহূর্তে এই অনুকরণ.
সুতরাং, আমাকে এগিয়ে যান এবং মুছে যাক এখানে এবং তারপর এই দুই লাইন
ঠিক করা বিরক্ত ছাড়া খাঁজ, আমাকে এগিয়ে যান
এবং এখানে এই নিচে মুছে দিন - ওহো, নিচে এখানে এই এক.
এবং এখন, আমাকে নিয়ে যান পাতা, ফর্ম-2.html এবং টাইপ যেতে
নিবন্ধন ইন, কিছুই করলো এরকম, এর কথা বলা যাক, কেন যে ছিল,
এর এগিয়ে যান এবং খুলুন ক্রোম এর পরিদর্শক আপ,
শুধু দেখতে কনসোল খুলুন কিছু এখানে সেটা হয় তাহলে, এখন,
, এখনও কিছুই রেজিস্টার.
সুতরাং, কোড চিহ্নগুলি সিন্টেক্সের হয় সূক্ষ্ম
তাই আমি কোনো নিরীক্ষা করছি না লাল ত্রুটির বার্তা,
কিন্তু পরিষ্কারভাবে কি ঘটছে না?
আমার কোড কোনটিই, অধিকার তাই কাজ না কেউ
আমার কোডগুলি বলে মনে হয় তাই কেন এই হয়, নির্বাহ?
ওয়েল, জাভাস্ক্রিপ্ট এবং ব্রাউজার আরো সাধারণভাবে চালানো
একটি ওয়েব পাতা, শীর্ষ বিষয়বস্তু নীচে, ডানে বামে.
আর সমস্যা যে কারণ উপরে
এই পৃষ্ঠার এইচটিএমএল তারপর মাথা আছে তারপর স্ক্রিপ্ট তারপর অন্য স্ক্রিপ্ট,
এই মৃত্যুদন্ড কার্যকর করতে যাচ্ছে এমনকি প্রস্তুত কি আগে,
অথবা এমনকি গাছ বিদ্যমান পৃষ্ঠার উপস্থাপনা.
ফর্ম নিজেই, এমনকি শরীরের এই সময়ে বিদ্যমান.
সুতরাং, jQuery স্মার্ট যথেষ্ট এটি এর ত্রুটি পরীক্ষা দিয়ে
যে কোন উপাদান সঙ্গে থাকলে নিবন্ধন অনন্য আইডি,
এটা যাচ্ছে না আপনি নেভিগেশন খুঁজে জামিন
এবং কিছু কিছু কনসোল আরম্ভ ত্রুটি এবং পুরো পাতা বিরতি,
এটি চুপটি উপেক্ষা করে যাচ্ছে আপনি, কিন্তু কারণে যে কেউ
এই কোড কখনও হয় executes
আপনি যখন কারণ এই, হ্যান্ডলার জমা নিবন্ধিত
কোন উপাদান নেই এটি জোড়া.
সুতরাং, এটা সেখানে ধরণের একটি কোন সমিতি এর.
সুতরাং, এর পরিবর্তে নির্দিষ্ট করে, বয়স লোড করা অবধি অপেক্ষা করুন
আমরা window.onload না হলে সাজানোর যা জিনিস
এরকম পুরানো স্কুল পথ এটা বা sexier jQuery পথ
ভালো, আমরা করতে পারেন এটা অপেক্ষা বলুন সব যতক্ষণ
যারা এইচটিএমএল ট্যাগ আছে পার্স করা হয়েছে যাতে এমনকি
ইমেজ এ, লোড না করে থাকেন তাহলে অন্তত যে নোড গাছ হয়,
তারপর JQuery নিশ্চিত করা যাবে যে সবকিছু আছে.
হ্যাঁ.
[শ্রবণাতীত মন্তব্য]
হ্যাঁ, ভাল, হ্যাঁ একেবারে.
সুতরাং, অন্যান্য সমাধান এই, আপনি এই ব্যবহার না
বা মনে হয়নি এই যে অস্তিত্ব,
আপনি একেবারে সরাতে পারিনি নীচে এই সব
ওয়েব পৃষ্ঠার, ভেতরে এখনও কিন্তু ফর্ম নিচে শরীর
এবং যে এছাড়াও would এই সমস্যা সমাধানের জন্য.
এটা ঠিক সাধারণত এর খারাপ অভ্যাস বলে মনে করা.
এটা একটু অগোছালো এর এবং পঙ্কিল বিশেষভাবে
আপনি সবকিছু জ্যামিং রাখতে হলে পাতা নীচে,
আমি পালন করছি, বিশেষ করে যখন সব নির্বাণ দ্বারা সহজ জিনিষ
ভিতরে আমার কোডের এইচটিএমএল পৃষ্ঠার
যখন আপনি পারেন অবশ্যই অবশ্যই অভ্যাস ঢোকা
এটি ফ্যাক্টরিং এর একটি পৃথক ফাইলে
এটা চমৎকার, যা সময়ে
কেন্দ্রিয় মাথার মধ্যে ফাইল.
আপনি দিতে একটি মূল্য আছে ব্যতীত
জাভাস্ক্রিপ্ট নির্বাণ দ্বারা সিএসএস ফাইল মত অন্য সম্পদ
পৃষ্ঠার মাথা, আপনি চালানোর যে একটি ঝুঁকি কি?
>> ধীরে পাতা লোডিং.
>> ধীরে পাতা লোডিং, কেন?
>> আমরা চেষ্টা করছি কারণ সব লাইব্রেরি লোড করতে
[শ্রবণাতীত] পূর্বে.
>> যথাযথভাবে কারণ ব্রাউজার নীচে কোড উপরে পড়া,
ডানে বামে যদি গুগল বিশ্লেষণধর্মী ধীর
অথবা jQuery CDN ধীর অথবা ফেসবুক এপিআই ধীর
এবং যে ফাইল শুধু হ্যাং সম্ভাব্য নির্ভর করে
আপনি যে ফাইলটি লোড কিভাবে, পুরো পাতা স্তব্ধ প্রদর্শিত পারে.
এবং যদি আপনি এই দেখতে হলে অনেক উন্মুক্তভাবে
ওয়েবসাইটে তারা অনেক আছে নিম্ন মানের বিজ্ঞাপন
তাদের উপর, আমরা শুধু স্লো একটি বা আছেন বিপদ কবলিত ওয়েবসাইটে একটি পৃষ্ঠায় স্তব্ধ পারে
কিছু অনির্দিষ্ট জন্য সেকেন্ডের সংখ্যা
ব্রাউজার অবশেষে যতক্ষণ যে আউট আশা বার
এবং তারপর আপনি দেখায় পাতা বাকি.
সুতরাং, আপনি কি কখনো মত ব্যবহার করেছি যদি বাটন মত ফেসবুক,,
আপনার ওয়েব পাতায়, আমার দেওয়া আমি এই জানতে পারেন কিনা দেখতে
এখানে লগ ইন করেও.
সুতরাং, আপনি যান ফেসবুক এর মত বাটন
এবং এটা অভিশাপ, একটি পেতে কোড ক্লিক করুন
আমরা করতে পারেন কিনা দেখতে দেয় উদাহরণ খুঁজে,
নিশ্চয় কেউ এই পোস্ট ছিল.
[বিরাম]
আমি কয়েক আপ দেব আমরা এই দেখুন না, যদি সেকেন্ডে.
ফেসবুক asynch - ঠিক আছে.
সুতরাং, এই কোড এবং যদি না তারা সম্প্রতি এটি পরিবর্তন করেছি
যে ফেসবুক আসলে আপনি ব্যবহার করার বিশেষ পরামর্শ
তাদের লাইব্রেরি লোড করতে এবং প্রকৃতপক্ষে উত্থাপন
আপনি এই লাগাতে যে আপনার পৃষ্ঠার শরীর.
সুতরাং, ফেসবুক আপনাকে উপদেশ মূঢ় DIV কেমন তৈরি
যে শুধু অনন্য আইডি মত আছে এই তারপর, একটি স্ক্রিপ্ট ট্যাগ আছে
এবং এই জটিলতা সব মূলত নিম্নলিখিত আছে
এবং তারা কোনো JQuery ব্যবহার করবেন না তারা চান না, কারণ
অন্য কোন অনুমান করা নির্ভরতা,
আমার এই সরানো যাক শুধুমাত্র একটি বিট উপর.
সুতরাং, তারা একটি আছে বিজ্ঞপ্তি এখানে বেনামী ফাংশন,
, মাত্র কয়েক মিনিটের মধ্যে যে আরও
তারা তারপর ব্যবহার পরবর্তী কি,
তারা একটি DOM উপাদান তৈরি করছেন, এই তাই কথা বলতে malloc ভালো হয়
ট্যাগ ধরনের যেখানে স্ক্রিপ্ট, তাহলে উল্লেখ করে
যে ASYNC অ্যাট্রিবিউট যে ট্যাগের যাচ্ছে
সত্য হতে পারে তাহলে আপনি এগিয়ে যান এবং কি ইউআরএল চিন্তা
ফেসবুক এর জাভাস্ক্রিপ্ট এর হওয়া উচিত
এবং এই মাত্র অভিনব উপায়
পরীক্ষণ র উচিত এটা HGP বা HDPS হবে.
এবং পরিশেষে, তাহলে আপনি , ফেসবুক কি লক্ষ্য
তারা DOM নোড পেতে যে ফেসবুক রুট একটি আইডি আছে
তারা বলেন যা কি আপনি পাতা পুরা
এবং তারপর তারা শিশুর লিখবেন তাই এই সব এর প্রভাব
ধরণের পরিবর্তনশীল উদ্বুদ্ধ করা আপনার পৃষ্ঠার মধ্যে একটি নতুন স্ক্রিপ্ট ট্যাগ
DIV এর একটি শিশু যে আপনি সেখানে ঢোকানো যাতে বাকি
সুখে পাতা ভার
এবং তারপর এই কোড আসলে দ্বারা অ্যাসিঙ্ক্রোনাস লোড পরার.
সুতরাং, মূলত পর আসলে আমি বিলম্বিত উল্লেখ
বেনামী ফাংশন,
এই ভীতু কি সিনট্যাক্স এখানে উল্লেখ
আমি ফাংশন না শুধুমাত্র আছে paren, বন্ধ paren খুলুন
এবং তারপর কোঁকড়া ধনুর্বন্ধনী, কেন এখানে খোলা paren
এবং তারপর খোলা বন্ধ, বন্ধ সেখানে paren, কি করছেন যে?
>> [শ্রবণাতীত] সংজ্ঞা এবং তারপর নির্বাহ?
>> ঠিক, এটি একটি সংজ্ঞা হচ্ছে বেনামী যা ফাংশন
কিন্তু নিছক একটি কার্যক্রম নির্ধারণ
অবশ্যই চালানো না আপনি কল না হওয়া পর্যন্ত একটি ফাংশন
নাম দ্বারা, কিন্তু অবশ্যই এই একটি বেনামী ফাংশন
তাই আপনি কল করতে পারবেন না নাম অনুসারে কিন্তু আপনি যা করতে পারেন
জাভাস্ক্রিপ্ট মধ্যে চালানো বেনামী ফাংশন ঠিক
গোটা ব্যাপারটাই encapsulating দ্বারা লঘুবন্ধনী আমরা সম্পন্ন করেছি হিসাবে
এই paren এবং এই সঙ্গে এখানে এবং তারপর একটি নির্ধারণ paren
ফাংশন শেষে খোলা paren, বন্ধ paren,
আপনি না চান তাহলে এটি কোনো আর্গুমেন্ট পাস.
কিন্তু এই ধরনের নির্বোধ মনে হচ্ছে
মত কেন এই অতিরিক্ত অন্বিত জটিলতা
বেশিরভাগ মানুষ বলে মনে হচ্ছে না যে চিনতে, মূল্য কি
যারা মোড়কে কোড তিন লাইন
একটি বেনামী ফাংশন এই ভাবে.
হ্যাঁ.
>> Overwriting এড়াতে একটি [শ্রবণাতীত] মূল্যবান.
>> ঠিক, এড়াতে একটি পরিবর্তনশীল overwriting
বিদ্যমান পাতায়, ডান?
ফেসবুক কিছুটা হয় presumptuously সিদ্ধান্ত নিয়েছে,
তারা ব্যবহার করতে যাচ্ছেন পরিবর্তনশীল ই, এটা বেশ সম্ভবত
যে আপনি বা ব্যবহার করে যে কেউ বাটন মত ফেসবুক
বা যাই হোক না কেন অন্যান্য সামাজিক প্লাগ
একটি পরিবর্তনশীল আছে কোথাও ই তাই বলা হয়,
সব encapsulating দ্বারা ভিতরে তাদের কোডের
এই বেনামী ফাংশন, তারা মূলত তাদের নিজস্ব সুযোগ আছে
যে clobbering ঝুঁকি নেই কোনো বিদ্যমান ভেরিয়েবল.
সুতরাং, এই খুব আসলে একটি খুব সাধারণ উদাহরণ,
লেখা, বিশেষ করে যখন একটি লাইব্রেরি কোড
বা আপনি নিজের না হলে আপনার নাম স্পেস বিশৃঙ্খল চাই
অন্যান্য ভেরিয়েবল দিয়ে আপনি মূল্য বাঁচতে চাই
আপনি প্রস্থান একবার মরা কোড যে ব্লক,
এই একটা চমৎকার কৌশল জাভাস্ক্রিপ্ট মধ্যে.
ঠিক আছে.
সুতরাং, তাহলে এই উদাহরণে ফিরে এখানে, সব আমরা শেষ পর্যন্ত কাজ করেছি
এই উদাহরণ দিয়ে শুধু কোড পরিষ্কার.
সুতরাং, এটি এখনও একটি সম্পূর্ণ পেয়েছিলাম সুইচ গুচ্ছ, আভা
এখানে শর্ত, কিন্তু এর সিনট্যাক্স কোনো কিছু লক্ষ্য করা,
এই DOM নোড সাথে ব্যবহারের হার অনন্য আইডি রেজিস্ট্রেশন,
স্থান উপায় জন্য এখন চেহারা যে নোডের একটি বংশধর,
এটি ধরনের যদি সেটা খুঁজে ইনপুট এবং তারপর এমনকি
আপনি এই দেখা যায় না, যদি আগে, আপনি চিনতে
এই মাত্র খোঁজার মানে এটা ইনপুট ট্যাগ সঙ্গে,
একটি আছে ইনপুট উপাদানের একটি মান সঙ্গে নামের অ্যাট্রিবিউট
ইমেইলের, এবং তারপর দেত্তয়া আমার কিছু সময়ে আমার হাতে তরঙ্গ
বাকি নয় সব যে উদ্দীপক
কিন্তু সত্যিই শুধু jQuery সিন্টেক্স একই অস্ত্রোপচারের জন্য.
ঠিক আছে.
কিন্তু কি এত গুরুত্বপূর্ণ নয় এখানে ব্রাউজার সাইড উপাদান
বরং সত্য যে আমরা ক্লিনার এবং ক্লিনার উপায় ছিল
এর আসলে এমনটা যে কোড কাজ.
ঠিক আছে.
কোন প্রশ্ন?
[শ্রবণাতীত মন্তব্য]
ঠিক আছে. এখন মজা অংশ.
কেন তাই Node.js?
কে বজায় রাখে?
আপনি আজ তা কি জানেন?
Node.js, কেন?
হেনরি [বানান অধিকৃত].
[শ্রবণাতীত মন্তব্য]
ব্যাটারি রিসেট?
কি - এই একটি হল নিখুঁত Cliff জল্লাদ
আজ শেষ অর্ধেক জন্য.
কেন আমরা যান এবং নিতে শুরু করে না এখানে একটি 5 মিনিটের বিরতি,
দেড় ক্যান্ডি আছে সেখানে মেশিন আপনি যদি
ছাড়া কিছু মিছরি মত ইন একটি সিকি নির্বাণ