>> Tomas REIMERS: হাই, সবাই.
আমার নাম এর Tomas Reimers.
>> মাইক Rizzo: এবং আমি মাইক Rizzo আছি.
>> Tomas REIMERS: আমরা CS50s TS দুটি.
এবং আজ আমরা উপর সেমিনার নেতৃস্থানীয় করছি জাভাস্ক্রিপ্ট এবং ওয়েব এপ্লিকেশনগুলির সিএসএস.
আপনি বরাবর অনুসরণ করতে চান, লিঙ্ক ডান উপর আছে.
এবং আপনি এটা লাগাতে চান না কম্পিউটার সংক্ষিপ্তভাবে উপর?
>> লিঙ্ক আছে.
এটা করার লিঙ্ক আছে যা একটি ছোট সাইট, এর আমরা হতে যাচ্ছেন সব সম্পদ
এছাড়াও আজ আপনি প্রতি নির্দেশ এবং অনেক আছে আমাদের দ্বারা লিখিত দরকারী তথ্য
আপনি ফিরে যান যখন গভীরতার মধ্যে আরো পড়া, এবং আপনার মনে রাখতে চেষ্টা করছেন
ঠিক করি আপনি ছিল কি, বলতে হয়নি ইত্যাদি ইত্যাদি, যে বিষয়ে কথা বলছি.
>> মাইক Rizzo: ঠিক আছে.
সুতরাং আসুন শুরু করা যাক.
>> Tomas REIMERS: তাই আপনি যদি শুরু করতে চান?
ঠিক আছে.
>> মাইক Rizzo: হ্যাঁ.
তাই আমরা প্রথম বিস্তৃত দিয়ে শুরু করতে চেয়েছিলেন ইন্টারনেট সম্পর্কে সংক্ষিপ্ত বিবরণ এবং
ওয়েবসাইট নকশা যখন ধরনের ফাইল.
এই উপস্থাপনা আমরা চাই না যদিও জাভাস্ক্রিপ্ট মধ্যে অনেক অনেক ঢোকা
পরে, আমরা সাথে চলতে শুরু করতে চেয়েছিলাম শুধু, ধরনের, মত একটি বার্ডস আই ভিউ
কি একটি ওয়েবসাইট কি এবং কিভাবে এর একটি নকশা সম্পর্কে চিন্তা
শুরুর জন্য ওয়েবসাইট.
>> এই সময়ে তাই আপনাকে বলছি, - এটা দিয়ে শুক্রবার রাতে হচ্ছে - থাকা উচিত
আপনার CS50 অর্থ জমা সমস্যা সেট করে.
আশা করছি, একটি সুরুচি ছিল কি ওয়েব প্রোগ্রামিং হতে পারে.
কিন্তু এখানে আমরা, ধরনের, দিতে চান আপনি অন্য স্বাদ, পাশাপাশি.
>> Tomas REIMERS: তাই ঠিক কি সংক্ষিপ্তবৃত্তি যাও আপনি আপনার URL-এ টাইপ করার সময়, এরকম
আপনার ওয়েব ব্রাউজার, যে URL টি পায় কম্পিউটারে তাকিয়ে.
এবং আপনার কম্পিউটারের সাথে সংযুক্ত অন্য কম্পিউটারে,
যা যে ওয়েবসাইট হোস্ট.
আপনি google.com এ যান যখন ঠিক আছে, তাই, আপনি আছেন গুগলের এক সংযুক্ত
যা কম্পিউটার, google.com জন্য ফাইল.
>> এর পরে একটি নির্দিষ্ট ফাইলের জন্য অনুরোধ করবে.
তাই যদি আপনি যান -
আমি জানি না -
example.com / index.html বা / test.html, আপনার জন্য জিজ্ঞাসা করতে যাচ্ছেন
যে নির্দিষ্ট ফাইল.
এবং ওয়েব সার্ভারের যাচ্ছে আপনি তা ফেরত.
>> এর পরে, আপনি যে ফাইলটি দিয়ে যেতে একবার -
আপনি একবার কম্পিউটারে পায় ফাইল - এটা শুরু করতে যাচ্ছে
একটি ওয়েব পাতা নির্মাণ.
তাই এখন এটি HTML ফাইল আছে, সাজানোর মত যা
ওয়েব পেজ গঠন.
HTML ফাইল এছাড়াও উল্লেখ পারে সংজ্ঞায়িত যা সিএসএস ফাইল,
ওয়েব পৃষ্ঠার শৈলী.
>> জাভাস্ক্রিপ্ট ফাইল, যা নির্ধারণ ওয়েব পেজ সঙ্গে মিথস্ক্রিয়া.
শুধু ইমেজ যা ইমেজ ফাইল,.
এবং সম্ভবত, অন্য HTML ফাইল সংযোগ আছে যা পরে আপনি পরিদর্শন করতে পারেন.
>> মাইক Rizzo: ঠিক আছে, মহান.
তাই আপনাকে বলছি, সম্ভবত, সব আছে painstakingly আপনার স্থানীয় হোস্ট স্থাপন
আপনার ভার্চুয়াল মেশিনে.
এবং যে মাত্র, ধরনের, স্থানীয় হয় আপনার কম্পিউটারে শুধুমাত্র হোস্ট করা ডোমেইন
আপনার নিজের আইপি ঠিকানায় আপনার জন্য.
>> যাতে এর মধ্যে, তারপর আপনি যোগ করতে পারেন এটি করার জন্য আপনার নিজের ওয়েব পেজ.
আমি বলতে চাচ্ছি, CS50 ফাইন্যান্স, আপনি থাকা উচিত যা যোগ করেছেন কিছু এইচটিএমএল পেজ,,
ধরণের, পিএইচপি আলোয়ান আবৃত.
কিন্তু শেষ পর্যন্ত, কি আপনার পিএইচপি পেজ outputting ছিল এইচটিএমএল ছিল.
>> কিন্তু খুব শুরুতে ফিরে চিন্তা pset, আমরা সেট করে
সবকিছুর জন্য অনুমতি, ডান?
সুতরাং এই মাত্র মূলত আমাদের জানান দেয় যিনি সম্ভবত, পড়তে ও লিখতে, এবং পারেন
ফাইলের প্রতিটি চালানো.
এইচএম - সুতরাং আমরা একটি দ্রুত করতে যাচ্ছেন?
>> Tomas REIMERS: সুতরাং আমরা চলুন একটি দ্রুত ডেমো করবেন.
সুতরাং যখন আপনি, আপনি মনে করিয়ে গুগলের কম্পিউটার সংযোগ -
কেহ -
এবং প্রথম, একটি ফাইল জন্য কম্পিউটার জিজ্ঞাসা নিশ্চিত করুন যে আপনি অনুমোদিত করছি করা প্রয়োজন
আসলে যে ফাইল দেখতে বা যে পড়া আপনি শুধু জিজ্ঞাসা করবে না, কারণ দায়ের
যে কম্পিউটারে কোনো ফাইল জন্য, ডান?
যে একটি নিরাপত্তা ঝঁুকি হবে.
>> যেমন আমরা ব্যবহার সিস্টেম, উপর তাই ফাইল এই CS50 অ্যাপ্লায়েন্স, তিনটি আছে
থাকতে পারে যারা সাধারণ মানুষ কিছু করার অনুমতি.
প্রথম প্রকৃত হয় বলেন ফাইলের মালিক.
দ্বিতীয় গ্রুপ যে ফাইল জন্যে.
আমরা নজর দিতে যাচ্ছেন না যে উপর খুব বেশী.
এবং শেষ জিনিস মত ধরণের, হয় বিশ্বের বা যারা বাকিদের মত
যে ফাইলে নির্দিষ্ট এবং না না এটা আবার কোন মালিকানা অধিকার আছে.
>> সুতরাং আমরা মালিক আছে, গ্রুপ, এবং তারপর বিশ্বের.
এবং তারপর, আপনি, এই দলের প্রতিটি জন্য তিন অনুমতি এক থাকতে পারে,
ঠিক আছে, অথবা তাদের একাধিক.
আপনি পড়তে অনুমতি থাকতে পারে.
আপনি ঠিক অনুমতি থাকতে পারে.
এবং যদি আপনি অনুমতি চালানো হতে পারে.
>> তাই প্রকৃত ধরনের ফাইল নিরিখে পড়ুন অনুমতি আসলে পড়ার মত হল
ফাইলের বিষয়বস্তু.
একটি সঠিক অনুমতি লেখা হয় ফাইলের বলেন.
একটি চালানো অনুমতি চলছে আপনি এক রান যখন আপনি করবেন মত ​​ফাইল
আপনার CS50 প্রকল্প.
>> আমরা ফাইল সম্পর্কে চিন্তা করছি তাই যখন যেমন আমরা একটি HTML পড়া প্রয়োজন হলে
বিশ্বের করা প্রয়োজন যে ফাইল, পাঠযোগ্য, ডান?
সম্ভবত, এছাড়াও মালিক চায় যে ফাইলটি সম্পাদনা করতে হবে.
তাই মালিকের প্রয়োজন যাচ্ছে পড়া এবং অনুমতি লিখতে.
তারা সত্যিই চালানো প্রয়োজন হবে না.
>> গ্রুপ, আমরা আচরণ করতে যাচ্ছেন এখন জন্য বিশ্বের হিসাবে একই.
সুতরাং তারা পঠিত অনুমতির প্রয়োজন.
কিন্তু তারা লেখার দরকার নেই অথবা অনুমতি চালানো.
এবং এখন, আমরা সাবেক ফিরে মনে হলে Psets, আমরা কি বুঝতে পারি যে এই ধরনের
বাইনারি মত চেহারা, ডান?
1 হ্যাঁ ঘোরা.
0 কোন জন্য.
এবং আসলে আমরা অনুবাদ করতে পারেন এই বাইনারি করতে.
>> সুতরাং বাইনারি মধ্যে 110 6 হবে.
100 4 হবে.
বিশ্বের সঙ্গে একই.
সুতরাং সংখ্যা আপনার জন্য পেতে চাই এই জন্য অনুমতি 644 হবে.
>> আপনি ফিরে মনে করি এবং যদি: Mike Rizzo আপনি কিছু chmoded যখন, আমি বিশ্বাস করি
তারা সেট সমস্যা দিয়েছেন আপনাকে যা করতে পারে যেখানে যেমন
chmod 644 মত কিছু এবং তারপর নামের দায়ের.
644 তারপর, আপনি এখন সরাসরি দেখতে পারেন যে থেকে আসে যেখানে.
তাই আশা যে যে একটু বেশি স্পষ্ট.
>> এবং তারপর আপনি লোক এর স্বচ্ছতার জন্য -
ওহ হ্যাঁ, এখানে এই আবার হয়.
সুতরাং 600 তারপর ঠিক যেমন হবে আমরা মালিক আছে যেখানে এখানে দিয়েছিল
পড়া এবং ডান অনুমতি যখন গ্রুপ এবং বিশ্বের কোনো অনুমতি নেই
ফাইল অ্যাক্সেস করতে.
>> Tomas REIMERS: এবং তারপর আমরা একটি দ্রুত আছে সাধারণ অনুমতি এর তালিকা.
তাই ডিরেক্টরি, আপনি চান আসলে 711 chmod করতে.
সরাইয়া দ্রুত - আছে একটি ডিরেক্টরির জন্য এক্সিকিউটেবল অনুমতি পাবে মানে
ডিরেক্টরি খোলার জন্য.
চিত্র, সিএসএস, জাভাস্ক্রিপ্ট, এইচটিএমএল চাহিদা 644, মূলত, বিশ্বের কারণ
চাহিদা অনুমতি পড়া.
>> আর আপনি না দেখা যায়, যা পিএইচপি, আমরা এটা সম্পর্কে কথা বলা হবে না, যদিও
কঠোরভাবে সাধারণত সঙ্গে chmoded হয় অনুমতি 600 এটি দিয়ে চালানো কারণ
মালিকের অনুমতি.
প্রয়োগ নেভিগেশন অন্তত.
>> মাইক Rizzo: তাই আপনি যদি না বিশেষভাবে নির্দিষ্ট ফাইলটি কি ধরনের
আসলে আপনি সেটিং মধ্যে চাই এই উপস্থাপনা আপ -
আমরা এই একটি সমস্যা ছিল, কারণ সবকিছু সঠিকভাবে chmoded ছিল না -
আপনি, ধরনের, একটি পেতে যাচ্ছেন Forbidden সমস্যাটি যে ওয়েবসাইট
আসলে অনুমতি নেই যাই হোক না কেন ফাইল অ্যাক্সেস করতে
আপনি এটি অ্যাক্সেস করতে চান.
এবং অবশ্যই, যে সংশোধন করা যেতে পারে - সমস্যা সেট হিসাবে - পরিবর্তন করে
অনুমতি উপযুক্তভাবে.
>> Tomas REIMERS: এবং জন্য শেষ মন্তব্য দ্রুত স্থানীয় উন্নয়ন - আমরা
এই প্রতিপালিত, কিন্তু আমরা শুধু চেয়েছি এটা আবার আসা -
আপনি একটি সার্ভারের জন্য অনুরোধ - যদি তাই স্থানীয় হোস্ট, উদাহরণস্বরূপ, কম বা যাই হোক না কেন. -
এবং আপনি একটি নির্দিষ্ট ফাইল উল্লেখ না, আপনার কম্পিউটার চালু করা হয় যে ফাইল
index.html বলা হয় চাইতে.
অথবা যে উপস্থিত না থাকলে, index.php.
>> কুল.
সুতরাং যে শুধু সবকিছু একটি সংক্ষিপ্তবৃত্তি আছে, আশা করছি, আমরা মধ্যে আবৃত করেছি
অধ্যায়, এবং বক্তৃতা, এবং এ পর্যন্ত CS50 মধ্যে.
এবং এখন আমরা কথা বলা শুরু করতে যাচ্ছেন সম্পর্কে বিশেষভাবে লাইব্রেরি.
জাভাস্ক্রিপ্ট এবং CSS লাইব্রেরী ওয়েব এপ্লিকেশনগুলির.
>> সুতরাং আমরা আছে কেন এক দ্রুত কারণে লাইব্রেরি প্রোগ্রামিং করা হয় -
সমস্যার মধ্যে অনেক আছে পপিং আপ রাখতে যা প্রোগ্রামিং,
আবার, এবং আবার, এবং আবার.
আপনি খেয়াল করতে পারেন যে ওয়েবসাইটের অনেক ড্রপ ডাউন আছে ক্ষমতা প্রয়োজন
মেনু, উদাহরণস্বরূপ, বা ক্ষমতা প্রয়োজন একটি খুব সাধারণ বাটন আছে
নাও হতে পারে, যা শৈলী, সবচেয়ে সহজ জিনিস.
এখন আপনি, এইচটিএমএল মধ্যে পেতে শুরু বুঝতে পারছি যে বোতাম পারেন আসলে
সত্যিই কুশ্রী চেহারা আপনি যদি কিছু করবেন না.
>> তাই মানুষের অনেক লিখিত আছে লাইব্রেরি বলা হয়.
এবং এই প্রসঙ্গে, তারা আছেন এছাড়া অবকাঠামো বলা.
আমরা ব্যবহার করতে যাচ্ছেন অদলবদল করে দুই.
এবং কি তারা তারা মূলত করছি হয় কোড এর premade টুকরা -
সিএসএস অথবা জাভাস্ক্রিপ্ট হয় -
যে অনেক দূরে নিয়ে আপনি কোডিং মধ্যে আছে দলের.
>> তাই তারা একটি ক্লাস গুচ্ছ বা প্রাক সংজ্ঞায়িত জন্য ফাংশন একটি গুচ্ছ প্রাক সংজ্ঞায়িত
জাভাস্ক্রিপ্ট এর ক্ষেত্রে, যা আপনি পরে কল করতে পারেন.
এবং তারপর আপনি, বাছাই করা, পেতে পারেন ছাড়া এই কোড ব্যবহার করার সুযোগ
কিছু করতে হচ্ছে.
লাইব্রেরির একটি উদাহরণ cs50.h. ছিল আমরা আপনাকে ফেরত দিয়েছে একটি লাইব্রেরি ছিল
সপ্তাহে এক, যা আপনাকে যা করতে অনুমতি দেওয়া যে GetInt এবং GetString ভালো জিনিস
লিখতে না করেও কোন কোড নিজেকে.
>> মাইক Rizzo: ঠিক আছে.
তাই এখানে, ঠিক মত আমরা অন্তর্ভুক্ত ছিল আমাদের গ বিভিন্ন ফাইল
লাইব্রেরি, আমরা মধ্যে অন্তর্ভুক্ত করা উচিত আমাদের এইচটিএমএল বিভিন্ন লাইব্রেরি ফাইল.
উদাহরণস্বরূপ, আমরা অন্তর্ভুক্ত চেয়েছিলেন এখানে একটি নির্দিষ্ট জাভাস্ক্রিপ্ট লাইব্রেরি,
সম্ভবত, এক আমরা লিখিত করেছি নিজেদেরকে এটি স্থানীয়ভাবে আয়োজিত হিসাবে
বলা script.js, আমরা এই স্বরলিপি ব্যবহার.
>> সুতরাং আমরা স্ক্রিপ্ট টাইপ সমান আছে জাভাস্ক্রিপ্ট উৎস সমান
JavaScript.js.
এবং যদি আপনি আপনার CS50 ফিরে মনে হলে আপনি মধ্যে লাগছিল যদি আর্থিক সমস্যা, সেট
টেমপ্লেট ফোল্ডারে header.php, আপনি দেখা উচিত
এর মধ্যে কিছু অন্তর্ভুক্ত.
তাই এই প্রথম এক - স্ক্রিপ্ট -
একটি জাভাস্ক্রিপ্ট লাইব্রেরী সহ হয়.
একটি CSS লাইব্রেরী সহ হয় বিভিন্ন অল্প.
>> এখানে, পরিবর্তে স্ক্রিপ্ট আপনি লিঙ্ক ট্যাগ প্রয়োজন ট্যাগ.
এবং তারপর, টেক্সট সিএসএস টাইপ একটু ভিন্ন.
আপনি সর্বদা অন্তর্ভুক্ত করতে হবে না rel স্টাইল শীট.
কিন্তু আমি, এটা সাধারণত মনে করি ভাল অভ্যাস.
>> এবং পরিশেষে, তাহলে href, যা আপনি সম্ভবত লিঙ্ক জন্য আপনার ATAGs দেখেছি
বিভিন্ন লিঙ্ক মাত্র উল্লেখ ইন খুঁজে যেখানে এর লিঙ্ক.
উদাহরণস্বরূপ, আমরা চেয়েছিলেন একটি লিঙ্ক বিভিন্ন লাইব্রেরি - এর শুধু বলা যাক -
যে styles.css এ বসবাস করতেন.
এবং আমরা যে এর মধ্যে যে সংযোগ আছে চেয়েছিলেন ওয়েব হোস্ট, আমরা যে কপি হবে.
এবং তারপর যাই হোক না কেন মধ্যে পেস্ট করুন আমরা পরিবর্তে অধিকার এখানে আছে.
>> Tomas REIMERS: ঠিক আছে, আশা করছি আপনি বলছি ইতিমধ্যে পরিচিত
CSS এর লিঙ্ক কিভাবে সঙ্গে.
আপনি যে কি ছিল আপনার শেষ বাদামী সেট.
জাভাস্ক্রিপ্ট, আপনি কিছু হয়তো সঙ্গে কিছু অভিজ্ঞতা আছে.
আপনি কিছু না মে.
>> তাই এখন জন্য, জানি যে একটি জাভাস্ক্রিপ্ট ফাইল খুব একটা সিএসএস ফাইল মত হল
আপনি এটা সাথে সংযুক্ত আছে, বা করতে পারেন যে অর্থে আপনি অভ্যন্তরীণভাবে এটি অন্তর্ভুক্ত করতে পারে.
এবং এটা স্ক্রিপ্ট জিনিষ আপনি করতে পারবেন.
এবং আমরা একটি করতে পারবেন চলুন পরে জাভাস্ক্রিপ্ট এর সামান্য বিট.
>> সুতরাং একটি লাইব্রেরি ব্যবহার করে -
আপনি এটি অন্তর্ভুক্ত করেছেন একবার, এটা হিসাবে এর আক্ষরিক কলিং হিসাবে সহজ
ফাংশন বা যোগ শ্রেণীর নাম এটি.
আমরা কথা বলতে চান শেষ জিনিস গ্রন্থাগারের শর্তাবলী সম্পর্কে -
এবং এই একটি প্রযুক্তিগত নোট বেশী -
ওপেন সোর্স লাইসেন্সিং হয়.
তাই আপনি যদি এই প্রকৃত লাইব্রেরি খুঁজে যখন, আপনি চিন্তা করা যেতে পারে
প্রশ্ন এটা আমি ঠিক আছি যে ঠিক আছে পছন্দ অন্য কারো কোড ব্যবহার করে, বিশেষ করে
যে আমরা অনেক কিছু কারণ এই কোর্সে না করতে আপনাকে বলেছে.
>> , ওপেন সোর্স লাইসেন্সিং ক্ষেত্রে তাই ডেভেলপারদের অনেক -
তারা একটি লাইব্রেরি লিখিত করেছি একবার, তারা হতে পারে যা
অন্যান্য ব্যক্তিদের সহায়ক -
ওয়েবে প্রকাশ করা হবে এবং এটি একটি লাইসেন্স দিতে.
এবং একটি লাইসেন্স মূলত আমি এতদ্দ্বারা am বলছেন অপরকে গ্রান্টিং অনুমতি
মানুষ সফ্টওয়্যার এই টুকরা ব্যবহার নিম্নলিখিত ধরণের সঙ্গে
ভিভিন্ন শর্ত.
>> আমরা একটি ভাল সাইট থেকে একটি লিঙ্ক অন্তর্ভুক্ত করেছেন আপনি লাইসেন্সের বুঝতে সাহায্য
আপনি তাদের মধ্যে চালানো ক্ষেত্রে.
প্রচলিত ভিভিন্ন শর্ত মত জিনিস আপনি আমার লাইব্রেরী ব্যবহার স্বাগত করছি তাই
আপনি কি আমার ক্রেডিট দিতে দীর্ঘ হিসাবে.
আপনি আমার লাইব্রেরী ব্যবহার স্বাগত করছি এটি ভেঙ্গে যখন হিসেবে এতক্ষণ
আপনি আমাকে দোষারোপ করবেন না.
আপনি এতক্ষণ আমার লাইব্রেরি ব্যবহার স্বাগত করছি আপনি অর্থ উপার্জন করতে এটি ব্যবহার করবেন না হিসাবে
নিজের জন্য.
এই সাধারণ ধরণের হয় ভিভিন্ন শর্ত.
>> এই CS50 চূড়ান্ত প্রকল্প, তারা সুপার প্রাসঙ্গিক হওয়া উচিত নয়, কারণ
আপনাকে বলছি ব্যবহারকারী প্রকল্পে হয় সম্ভবত বরং, বাছাই, পরিচিত.
কিন্তু আপনি আসলে মধ্যে ছুটা যখন বিশ্বের এবং লাইব্রেরি, ব্যবহার শুরু যার
অথবা যেমন বাস্তবায়িত হতে পারে না পারে আমরা করছি আরো জনপ্রিয় বেশী কিছু
মাধ্যমে চালু করা যাচ্ছে.
এটা বুঝতে পাবে ভাল এই লাইসেন্স এবং করতে
তারা মানে বুঝতে.
আর ফিরে যাচ্ছে.
>> মাইক Rizzo: ঠিক আছে.
তাই এখন উদাহরণ সম্মুখের চলন্ত প্রকৃত সিএসএস এর.
এই স্থানে এ পর্যন্ত, আপনি হতে পারে এই সম্মুখীন না.
কিন্তু আপনি তা সম্মুখীন হতে পারে আপনার দৈনন্দিন জীবন যেখানে কিছু
এক যে ব্রাউজারে একটি পদ্ধতি দেখায় একই রকম নাও হতে পারে
অন্য ব্রাউজারে উপায়.
>> এই ব্রাউজার ব্রাউজার বলা হয় কম্প্যাটিবিলিটি.
এবং ক্রমশ তা আরো এবং ক্রমশ বিশেষ করে, যেমন একটি সমস্যার আরও
ব্রাউজার আরো এবং আরো স্বাধীনতা গ্রহণ তারা চান হিসাবে জিনিষ বাস্তবায়ন.
সুতরাং যে পরাস্ত, আসলে আছে Normalize.css নামক একটি বড় লাইব্রেরি.
>> Tomas REIMERS: আমরা লিঙ্ক অন্তর্ভুক্ত.
এই সময়ে, এটি সহায়ক যদি আপনি সেখানে আপনার ল্যাপটপ আছে
সাইট এ খুঁজছেন.
এবং আমরা আপনার কাছে এই প্রদান করা হয় এখন কেবল কারণ CS50 চূড়ান্ত
প্রকল্প আসলে যাচ্ছে এটি বাস্তবায়ন করার অনুরোধ
একইভাবে এবং ব্রাউজার মাধ্যমে.
>> তাই শুধু আপনার পিছন রাখা মাথা, এই একটি চমৎকার লাইব্রেরি
এটা করবে, কারণ, বাছাই, জিনিস প্রমিত.
ফায়ারফক্স ইন, কিছু দেখাতে পারে বাম থেকে এক পিক্সেল হিসেবে.
এবং তারপর ক্রোম আসলে যে সিদ্ধান্ত নিতে পারে আপনি কি বোঝানো 10 পিক্সেল ছিল
বাঁদিকে.
এবং যদি আপনি এই প্রমিত চাই.
নিয়মমাফিক আসলে একটি সত্যিই ভাল করবেন নিশ্চিত করুন যে তৈরীর কাজ আপনার সাইট
ব্রাউজার জুড়ে একই দেখায়.
>> আমরা চেয়েছিলেন তাই যদি ঠিক: Mike Rizzo সত্যিই দ্রুত এবং শো লিঙ্কে ক্লিক করুন
আপনি কি যে, যেমন আপনি দেখায় ব্যবহার করে এটি ডাউনলোড করতে পারেন
দৈত্য ডাউনলোড বাটন.
অথবা আমি এটা সম্বন্ধে আরও পড়তে উত্সাহিত নিচের এই লিঙ্কে ক্লিক করে
ডান দিকে কোণায়.
>> Tomas REIMERS: এবং যদি আপনি আসলে আরো অধিকার আছে পড়ুন ক্লিক করুন -
GitHub নেভিগেশন উৎস ক্লিক করুন -
আপনি আসলে ওপেন সোর্স দেখতে পাবেন অধিকার আছে LICENSE.md লাইসেন্স.
এবং যদি আপনি এখানে দেখতে পাবেন হয় খুব জনপ্রিয় এমআইটি লাইসেন্স.
আবার, আপনি টেক্সট মাধ্যমে পড়া হলে, আপনি সাইট থেকে তা বের করতে পারবেন
আমরা আগে উল্লেখ ও করতে পারবেন পড়া না করেও এটা বুঝতে
আইনি অপভাষা মাধ্যমে.
>> মাইক Rizzo: ঠিক আছে, মহান.
সুতরাং যে, নিয়মমাফিক এর.
আমরা আপনাকে দিতে চাই যে সত্যিই দ্রুত.
ওহ, আপনি একটি প্রশ্ন আছে?
>> AUDIENCE: তাই আপনি এটা ডাউনলোড, আপনি শুধু তারা আছে যে কোড অনুসরণ
ডাউনলোড বাটন অধীন?
>> Tomas REIMERS: হ্যাঁ, তাই আপনি ডাউনলোড করার সময় -
>> মাইক Rizzo: ওহ, যে একটি মহান বিন্দু.
তাই প্রশ্ন কিভাবে ছিল আমরা আসলে এটা ডাউনলোড!
আমরা লিঙ্কটি ক্লিক সুতরাং, আমরা দেখতে এটা আসলে যে পপ আপ
সোর্স কোড এ.
তাই এই কাজ করতে, আমরা কি করতে পারে শুধু সংরক্ষণ করে ক্লিক করা হয় না.
সংরক্ষণ করা যায় এবং যে উচিত একটি ফাইল আসা.
এবং তারপর আমরা সংরক্ষণ করতে পারেন এটা Normalize.css হিসেবে.
এবং তারপর আপনি এটি লিঙ্ক করতে চাই -
>> Tomas REIMERS: একই ভাবে আপনি অন্য কোন ফাইলে সংযোগ আছে.
আপনি এটি মধ্যে সংযুক্ত আছে, এবং একবার, মহান কি নিয়মমাফিক সম্পর্কে আসলে এটি হবে
সব কঠিন যত্ন নিজে কাজ.
আপনি না থেকে যে অর্থ কোন ক্লাস যোগ করুন.
>> আপনি অদ্ভুত কিছু করতে হবে না.
এটা আপনি ছাড়া স্বাভাবিক হবে আরও কিছু করছেন.
হ্যাঁ, আপনি এটি অন্তর্ভুক্ত করা আছে.
গুগল ক্রোম সাড়া না হয়.
>> একপাশে শুধু একটি দ্রুত -
আমি মনে করি আমরা এই মধ্যে jumped লক্ষ্য.
এই উপস্থাপনা বাকি হয় সংক্ষিপ্ত আলোচনা হতে যাচ্ছে.
লাইব্রেরি একটি জরিপ.
>> মূলত, তারা কি হয়.
তারা কি.
তারা দরকারী করছি কিভাবে.
আপনি তাদের বাস্তবায়ন হতে পারে কিভাবে.
আপনি তাদের এ খুঁজছেন শুরু করতে চান তাহলে, বরাবর অনুসরণ, এবং মাধ্যমে পড়া
তাদের, আমি অত্যন্ত যে উত্সাহিত করবে.
>> অন্যথা, আপনি এছাড়াও স্বাগত করছি তাদের ডাউনলোড এবং সহ শুরু
একটি দৃষ্টিশক্তি তাদের ঠিক কি তারা দেখতে অনুরূপ বা কি আপনি যদি তারা
আপনার সামনে আপনার ল্যাপটপ.
যদি না হয়, আপনি রাখা স্বাগত করছি আমাদের শোনা কথা বলুন.
আমরা কথা বলছি রাখা চলুন.
এবং আমরা আশা করছি, এ সময় আছে আমরা আসলে আপনাকে দেখিয়ে মধ্যে পাবেন
কি এই লাইব্রেরি কিছু অনুরূপ.
>> মাইক Rizzo: কুল.
ঠিক আছে, তাই এখন এর কথা বলুন জট্টিল সম্পর্কে ফন্ট.
>> Tomas REIMERS: তাই ফন্ট জট্টিল একটা হয় বিশেষ করে তাদের জন্য সত্যিই ঝরঝরে সাইট,
কম সুকৌশলে হয় যারা আমাদের প্রতিভাবান.
জট্টিল নামের ফন্ট উপেক্ষা, এটা দেয় আপনি যা আইকন, একটি গুচ্ছ
খুব দরকারী.
তাই বার অনেক আপনি একটি বাস্তবায়ন করব আপনি একটা চমৎকার এক্স মত চাইতে পারেন আইকনে
আপনি কিছু বন্ধ করে দিতে পারেন যে.
>> অথবা আপনি সম্পাদন বাটন কিছু করতে পারেন মত একটি পেন্সিল অঙ্কন সঙ্গে
বাকিদের আছে.
আপনি যে জানতে হলে এবং যে ঐ আইকন আঁকার হতে পারে
খুব ক্লান্তিকর এবং কঠিন.
ফন্ট জট্টিল - যদি আপনি আসলে সাইট এ যান -
অধীন আপনি আইকন অনেক দেয় উপরের আইকন.
হাঁ, ঠিক উপরে.
এটা আপনি অনেক দেবে বিনামূল্যে জন্য আইকন.
>> তাই এখানে আপনি যে আমরা একটি ভালো জিনিস আছে দেখুন তারকা, বার, একটি বজ্রপাত, একটি
ক্যালেন্ডার, একটি বাগ, একটি বই, ইত্যাদি ইত্যাদি.
এটি খুবই উপযোগী হতে পারে.
আপনি এই হল উপায় আপনি অন্তর্ভুক্ত হয় আক্ষরিক সিএসএস ফাইল.
এবং পরে আপনি, সিএসএস ফাইল অন্তর্ভুক্ত করেছেন কি আপনি কি করতে পারেন আপনার তৈরি হয় একটি
জন্য আই এটা satands বলা পরিচয়চিহ্ন বর্গ এফএ সঙ্গে আইকন
জট্টিল হরফ জন্য দাঁড়িয়ে.
এবং তারপর, যাই হোক না কেন বর্গ আপনি চান.
>> আমি এই প্লাস একটি আইকন চেয়েছিলেন তাই যদি এখানে ডান স্কয়ার, আমি দিতে হবে
এটা বর্গ এফএ.
এবং তারপর এফএ হাইফেন প্লাস হাইফেন বর্গক্ষেত্র.
>> মাইক Rizzo: ঠিক আছে, কুল.
>> Tomas REIMERS: এবং তারপর, গত সিএসএস গ্রন্থাগারের আমরা আমরা মাধ্যমে পেতে চান
CSS এর উপর সংক্ষিপ্ত রাখতে চেষ্টা লাইব্রেরি আমরা বুঝতে পারছি না, কারণ
এই উপস্থাপনা শিরোনাম জাভাস্ক্রিপ্ট লাইব্রেরী হল.
কিন্তু আমরা আমরা হিসাবে ভাল হতে পারে বলে মনে করা অন্যান্য লাইব্রেরি যাও প্রবর্তন
আমরা লাইব্রেরি সম্পর্কে কথা বলা হয়েছে.
>> এটা গুগল ওয়েব ফন্ট এর.
এবং কি গুগল ওয়েব ফন্ট আপনি পারবেন যা করতে, আপনার ওয়েবসাইট থেকে ফন্ট যোগ হয়
এটি তৈরি করতে একটি সত্যিই সহজ উপায় যা সুন্দর এবং আপনার সেট পার্থক্য
এটা হয়েছে থাকে সবার থেকে অন্য হল একটা চমৎকার ফন্ট অথবা এটা একটা চমৎকার হয়েছে থাকে
ফন্ট সংগ্রহ.
গুগল ওয়েব ফন্ট অন্যান্য অসদৃশ সুন্দর এটি একটি যে অর্থে লাইব্রেরি
সত্যিই নির্দেশিত ইনস্টলেশন.
>> আপনি লিঙ্ক অনুসরণ সুতরাং, যদি এটা google.com / ফন্ট, আমি বিশ্বাস করি.
আপনি, আপনি যে অনুসরণ যদি আপনার ফন্ট বাছাই করতে পারেন.
আপনি থেকে বাম চয়ন করতে পারেন বেধ, তির্যক, ইত্যাদি ইত্যাদি.
এবং তারপর, একবার আপনি এক বাছাই করেছেন আপনি দ্রুত ব্যবহারের ক্লিক করতে পারেন.
রাইট আছে.
বাক্সের নীচের অংশে ডানদিকে অবস্থিত.
>> এবং তারপর, নিচে স্ক্রল.
প্রথম সব, তারা আপনার সিএসএস দিতে যে আপনি আসলে এটা সাথে সংযুক্ত আছে প্রয়োজন.
এটা ঠিক আছে.
আপনি মাত্র কপি এবং ইন যে আটকে দিতে পারেন
এবং এই এক সম্পর্কে চমৎকার জিনিস আপনি আসলে এমন করতে হবে না
ফাইলটি ডাউনলোড করুন.
>> কি এটি করতে যাচ্ছে এর এটা যাচ্ছে হয় এটি গুগলের সংস্করণ লিঙ্ক.
তাই ফিরে যাওয়ার যে কি মানে.
যে একটি ব্যবহারকারী যখন মানে আপনার ফাইল ডাউনলোড করা -
আপনার HTML পাতায় ডাউনলোড করা - আপনার এইচটিএমএল পাতা এই ফাইলের উল্লেখ করতে যাচ্ছে.
>> আমি তখন, আপনার কম্পিউটার দেখতে যাচ্ছে, ওহ, এটা বরং google.com হোস্ট এর
theirsite.com নেভিগেশন তুলনায়.
আমার যে ফাইল Google-এর কাছে যাওয়া যাক.
এবং তারপর, এটি অন্তর্ভুক্ত যাচ্ছে এটা প্রায় এটি একটি হলে
আপনার নিজস্ব সাইট অংশ.
>> Tomas REIMERS: কুল.
এবং আপনি যে হল একবার, তারপর থেকে আপনার সিএসএস মধ্যে এটি অন্তর্ভুক্ত, এটি আপনি দেয়
প্রকৃত লাইন.
তাই আপনি যদি সম্পত্তি ফন্ট পরিবারের সেট আপনার ফন্টের নাম সমান.
>> মাইক Rizzo: ঠিক আছে.
তাই আমরা শুধু সিএসএস দিয়ে সমাপ্ত.
এবং যদি আপনি কিছু ভাল,, চিন্তা করা হতে পারে আমরা CS50 ফাইন্যান্স কিছু সিএসএস ছিল.
কিন্তু সিএসএস লাইব্রেরি বুটস্ট্র্যাপ ছিল.
আমরা আসলে বুটস্ট্র্যাপ একটু অন্তর্ভুক্ত পরে জাভাস্ক্রিপ্ট অধীন সঙ্গে কারণ
বুটস্ট্র্যাপ সিএসএস লাইব্রেরি এছাড়াও আসে জাভাস্ক্রিপ্ট যে অনেক সঙ্গে
বুটস্ট্র্যাপ বা টুইটার - যারা বুটস্ট্র্যাপ তৈরি -
তাদের সিএসএস সব পরিচালনা করতে ব্যবহার করে.
>> Tomas REIMERS: যে কেউ যে কোনো আছে এ পর্যন্ত সাধারণ সিএসএস সম্পর্কে প্রশ্ন?
আমরা ভাল?
জট্টিল.
>> মাইক Rizzo: জট্টিল.
>> Tomas REIMERS: তাই চলন্ত জাভাস্ক্রিপ্ট নেভিগেশন.
>> মাইক Rizzo: সুতরাং আমরা কথা বলতে চেয়েছিলেন jQuery দিয়ে শুরু করতে সম্পর্কে.
কেহ jQuery শুনিনি হয়েছে পূর্বে অথবা এটি ব্যবহৃত?
হ্যাঁ, একটি দম্পতি?
তাই আপনি শুধু নেটিভ সঙ্গে কাজ করে যদি জাভাস্ক্রিপ্ট, আপনি নিজেকে খুঁজে পাবেন
অনেক দীর্ঘ নির্বাচক অনেক টাইপ.
তাই jQuery আছে এটা উপলব্ধ করা হয় জাভাস্ক্রিপ্ট জন্য সুন্দর আলোয়ান
আপনি সহজেই নির্বাচন করতে দেয় যে ভাষা এবং বিভিন্ন উপাদানের নিপূণভাবে
এর ডকুমেন্ট অবজেক্ট মডেল মধ্যে ওয়েব পাতা অথবা আমি মনে করি যা DOM,
আপনাকে বলছি মধ্যে শুনেছেন এই সময়ে বক্তৃতা.
>> Tomas REIMERS: আপনি শুনিনি না এটা বা আপনি দেখেছেন নি যদি বক্তৃতা
এখনো, ডকুমেন্ট অবজেক্ট মডেল হল মূলত জিনিস কিভাবে প্রতিনিধিত্ব করা হয়.
সুতরাং এইচটিএমএল ধরণের একটি গাছ মত দেখাচ্ছে আপনি আসলে এটি আঁকা হয়েছে.
আপনি উপরে এইচটিএমএল উপাদান আছে.
আপনি মাথা এবং শরীরের আছে.
>> এবং তারপর, আপনি যে মধ্যে অন্য সব কিছুর আছে.
যে DOM হিসাবে উল্লেখ করা হচ্ছে -
ডকুমেন্ট অবজেক্ট মডেল.
সুতরাং অবজেক্টের প্রতিনিধিত্ব করে যা একটি মডেল নথি মনে একটি সহজ উপায়
যে সম্পর্কে.
এবং jQuery সম্পর্কে মহান জিনিস এক এটি সত্যিই ঢোঁড়ন করে তোলে হয়
যে এবং মধ্যে সাধিত উপাদান যে অবিশ্বাস্যভাবে সহজ.
>> সুতরাং সহজ, আসলে, যে সংখ্যাগরিষ্ঠ জাভাস্ক্রিপ্ট লাইব্রেরি বা যদি না
সংখ্যাগরিষ্ঠ, বেশী গ্র্যান্ড সংখ্যাগরিষ্ঠ আপনি দেখতে পাবেন আসলে তাই jQuery প্রয়োজন
তারা কেবল নিজেদের চালাতে পারেন কারণ আপনি, আপনি jQuery আছে কি না যদি
চেষ্টা অনেক সময় নষ্ট হবে নির্দিষ্ট নির্বাচন চিন্তা কিভাবে
উপাদান এবং কিভাবে অন্য কিছু করার.
এবং jQuery সম্পর্কে অন্যান্য বড় ব্যাপার এটা ক্রস ব্রাউজার সামঞ্জস্যপূর্ণ যে হয়.
>> আমরা বলেন যে সুতরাং যখন ফিরে স্মরণ সব ব্রাউজারে বাস্তবায়ন না
জিনিস একই ভাবে?
এই এমনকি জাভাস্ক্রিপ্ট মধ্যে সত্য.
এবং jQuery সম্পর্কে মহান জিনিস এক তা সনাক্ত হবে
ব্রাউজার এবং সনাক্ত যথাযথ পদ্ধতি.
>> তাই আপনি যদি একটি উপাদান নির্বাচন করা প্রয়োজন হলে, ইন্টারনেট এক্সপ্লোরার আপনি বলতে পারে
এই ভাবে করতে অনুমিত.
ফায়ারফক্স সঠিক বলতে পারে উপায় এই উপায়.
jQuery গ্রাহ্য করে না.
আপনি একটি নির্বাচন করতে jQuery বলতে হলে উপাদান এটা এটা চিন্তা কিভাবে হবে
ব্রাউজারের মধ্যে এটি করতে অনুমিত ব্যবহারকারী বর্তমানে, এবং তারপর কি
এটা যে উপায়.
>> মাইক Rizzo: তাই এর সম্পর্কে কথা বলতে না দেওয়া jQuery ব্যবহার অল্প.
শুধু পিএইচপি মত, jQuery একটি নির্দিষ্ট আছে ডলার চিহ্ন জন্য স্নেহ.
সুতরাং আপনি যে কোন jQuery পাবেন -
ভাল, না সব.
আপনি কখনও কখনও ডলার প্রতিস্থাপন করতে পারেন শব্দ jQuery দিয়ে সাইন.
কিন্তু সাধারণত, এটা ঠিক কারণ খাটো, আপনি jQuery হচ্ছে দেখতে যখনই
এটি একটি ডলার চিহ্ন সঙ্গে থাকব ব্যবহৃত.
>> তাই আমরা এখানে শুধু একটি শুরুতে দেখানো করছি DOM মধ্যে একটি উপাদান জন্য নির্বাচক.
এখানে, আমরা ডলার চিহ্ন অনুসরণ আছে তারপর খোলা বন্ধনী এবং কোট দ্বারা.
আর কোট মধ্যে আমাদের নির্বাচক যান বিভিন্ন উপাদানের জন্য.
শুধু সিএসএস মত, আমরা করতে নির্বাচক প্রয়োজন বিভিন্ন উপাদান শৈলী করতে পারবেন
পৃষ্ঠার মধ্যে.
যারা বিভিন্ন নির্বাচক অনুবাদ ঠিক মধ্যে jQuery এবং জাভাস্ক্রিপ্ট,
অধিকাংশ অংশ জন্য.
>> তাই আমরা এখানে একটি বিন্দু foo বিন্যাস আছে.
আপনি বক্তৃতা থেকে প্রত্যাহার তাই যদি, বিন্দু মাত্র বর্গ মানে.
সুতরাং আমরা উপাদান নির্বাচন করছেন বর্গ foo বিন্যাস সঙ্গে.
তাই আমি এগিয়ে যান এবং খুলুন যদি আমাদের জাভাস্ক্রিপ্ট কনসোল এখানে সত্যিই দ্রুত
আমি শুধু টাইপ করুন, যদি ঠিক, এটা প্রকট ডলার চিহ্ন, আমরা এটা কিছু যে দেখতে
আপ যে আসে ফাংশন.
এবং এটা শুধু jQuery দ্বারা সংজ্ঞায়িত করা হয়.
>> Tomas REIMERS: আপনি তাদের জন্য অচেনা, কনসোল একটি টুল
আপনি করতে পারবেন যা ক্রোম,, মধ্যে মূলত, এ JavaScript চালানোর
বর্তমান পৃষ্ঠার.
এর মানে আপনি অবিশ্বাস্যভাবে দরকারী খুঁজে পাবেন যখন আসলে আপনি ডিবাগ এবং আপনি করছেন
মত হতে হবে, বর্তমান কি কিছু বিশ্বব্যাপী পরিবর্তনশীল এর মূল্য বা কি
অন্য কিছু আছে?
এটা বাদে GDB মত ধরনের আছে আসলে আপনি যা করতে পারেন যে
সঙ্গে পেজে উপাদানের নিপূণভাবে একটি অনেক সহজ ফ্যাশন এটি.
এবং এছাড়াও এটি মূলত, চেক করে না এটা কিছু না, আগে আপনার সাথে এ.
>> সুতরাং, যেহেতু GDB মত হতে পারে, আপনি আছেন নিশ্চিত করুন যে আপনি পরবর্তী পদক্ষেপ চালাতে চান?
কনসোল বাস্তব আছে.
ওয়েব পেজ রেন্ডারিং এবং হয় তাই হিসাবে এটা করছে যাহা করছেন
কাউন্সিলের এছাড়াও এটি পাশাপাশি চলমান.
এবং আপনি মধ্যে আরোপ কোড লাগাতে পারেন যে কনসোল, যা হবে
পাতা চালানো হবে.
>> মাইক Rizzo: তাই কনসোল লিখুন, আমি আমি সংক্ষেপে উচিত অনুমান
কি সেটা কিভাবে উল্লেখ.
আপনি হয়ত যে গত সমস্যার ইন ব্যবহৃত ক্রোম এর উপাদান পরিদর্শন করা
ফাংশন বা দেখুন পৃষ্ঠা উত্স -
এবং যারা সঠিক দ্বারা প্রবেশযোগ্য পাতা বা একটি নির্দিষ্ট ক্লিক
উপাদান এবং পরিদর্শন করা হয় করছেন উপাদান বা দেখুন পৃষ্ঠা উত্স.
আমরা জাভাস্ক্রিপ্ট ব্যবহার করতে পারবেন কনসোল সরাসরি দ্বারা
উপাদান পরিদর্শন নির্বাচন করে.
আমি তখন আপনি শুধু আঘাত কনসোল দূরে ডান দিকে.
>> অন্যথা, আপনি চলে পারে উপরের ডান দিকের কোণায় অবস্থিত যাও,
এই পর্দায় ছিন্ন যা যেখানে এটি তিনটি অনুভূমিক বার আছে.
এবং আপনি সরঞ্জাম নিচে যান এবং তারপর জাভাস্ক্রিপ্ট কনসোল
এখানে যেখানে দেখতে পারেন -
অন্তত উইন্ডোজ -
শর্টকাট কন্ট্রোল আমি তখন জে Shift হয় আমরা একটি উপাদান নির্বাচন করতে চেয়েছিলেন
এই পৃষ্ঠার মধ্যে, ঠিক মত আমি দেখিয়েছি আগে, আমরা ডলার চিহ্ন খোলা পিতা বা মাতা কি
এবং তারপর কোট.
>> একটি উত্সাহব্যঞ্জক বিষয় সাধারণত, হয় একক উদ্ধৃতি চিহ্ন এবং উদ্ধৃতি চিহ্ন হয়
বিনিময়যোগ্য.
তাই মানুষ অনেক মাত্র একক ব্যবহার কোট তারা টাইপ দ্রুততর কারণ
উদ্ধৃতি চিহ্ন আর আপনি না, কারণ Shift চেপে ধরে রাখুন আছে.
তাই আমি ঠিক এই মুহূর্তে যে চেষ্টা করবো.
>> তাই আমি কিছু নির্বাচন করতে চান বর্গ সঙ্গে.
ধারক, আমি জানি ঠিক যে কারণে উপর কিছু যে আমাদের
ওয়েব পেজ অধিকার এখন.
এবং আমি লিখুন আঘাত.
এবং আমরা তা নির্বাচিত দেখতে পারেন.
সুতরাং এটা দেখায় যে এটি যে বস্তুর ফিরে আসেন.
যাতে এর একটি মৌলিক নির্বাচন.
আমরা আসলে এটি নিপূণভাবে চেয়েছিলেন, আপনি কিছু কল করতে হবে
যে নির্বাচনের উপর, যা আমরা পরে মধ্যে পাবেন.
>> Tomas REIMERS: তাই ঠিক যে তাকান আরো গভীরতার মধ্যে, এই কোন পার্থক্য নাই
আমরা সি তৈরি ফাংশন কল চেয়ে এখানে ফাংশন নামে একটি হল
একটু অদ্ভুত.
এটা ডলার চিহ্ন আছে.
এটি শুধু একটি ফাংশন একটি নাম আছে.
এটি সম্পর্কে বিশেষ কিছুই নেই.
>> আমরা খোলা বন্ধনী আছে.
এর পরে, আমরা আমাদের এক যুক্তি, যা এই ক্ষেত্রে একটি পংক্তি হতে হবে,
যা তার জন্য একটি নির্বাচক হয়.
এবং তারপর, আমরা আমাদের বন্ধ লঘুবন্ধনী.
এটাই.
>> এটা যে অতি ভিন্ন নয়.
যদিও, এটা খুবই অদ্ভুত দেখাচ্ছে.
এবং যে, বাছাই, একটি স্টিকিং হতে পারে মানুষ অনেক জন্য নির্দেশ.
>> মাইক Rizzo: তাই একভাবে, আমরা চেয়েছিলেন একটি আইডি আছে একটি উপাদান নির্বাচন করুন,
এখন আমরা দ্বারা নির্বাচন করতে চান পরিবর্তে শ্রেণীর আইডি.
এটি একটি অনুরূপ জিনিস হতে হবে যেখানে আমরা শুধু আইডি জন্য ধারালো সাইন করবেন.
তাই আমরা সব এখানে নির্বাচন করছেন আইডি বার আছে যে উপাদান.
>> Tomas REIMERS: এবং এই প্রসারিত করে.
এটা সিএসএস প্রসারিত করে.
শুধু সিএসএস মত, আপনি সব নির্বাচন করতে পারেন বর্গ foo বিন্যাস আছে যা লিঙ্ক,.
এখানে, এটা একই জিনিস.
>> আপনি নির্বাচন করতে হবে, যা a.foo যেত না বর্গ foo বিন্যাস সঙ্গে সংযোগগুলি সব.
আপনি একটি ধারালো বার করতে পারে, যা হবে আইডি বার এবং তাই লিঙ্ক নির্বাচন
এবং তাই ঘোষণা.
কোন সিএসএস নির্বাচক একটি বৈধ jQuery নির্বাচক.
>> মাইক Rizzo: হ্যাঁ.
ঠিক আছে, তাই এখন এর সামান্য বিট মধ্যে পেতে দেওয়া আমরা করতে পারেন যে ম্যানিপুলেশন
আমাদের jQuery.
তাই jQuery একটি বিশেষ ধরনের আছে আমরা শুধু ব্যবহার যেখানে স্বরলিপি
শেষে একটি বিন্দু.
এবং যদি আপনি এই মত মনে করতে পারেন সি আমরা বিভিন্ন structs ছিল কিভাবে.
এবং যারা structs মধ্যে যেতে, আপনি would তাদের মধ্যে পেতে একটি বিন্দু ব্যবহার.
>> এই ধরনের একটি অনুরূপ জিনিস.
শুধু এখন আমরা এই মধ্যে ফাংশন আছে আমরা এটা উপর কল করতে পারেন যে নির্বাচক.
তাই এখানে, প্রথম উদাহরণে আপনি একটি CSS এর নির্বাচক হয় দেখতে পারেন.
এবং মূলত, কি যে আছে তা হল এই প্রথম উপাদান সিএসএস প্রযোজ্য
আপনার নির্বাচিত যে বিষয় -
আপনার নির্বাচিত যে এই উপাদান -
যে মূল্য দিয়ে.
>> Tomas REIMERS: তাই একটি সহজ অনুবাদ যদি jQuery, মূলত, যে হবে
শুধু foo বিন্যাস নেন.
এবং তারপর সিএসএস বলেন, লাল এবং ঘনিষ্ঠ রঙ.
এটা একই ধারণা.
কি এটি কাজ তা নির্বাচন করে হয় সব foo বিন্যাস উপাদান.
এবং তারপর এটি প্রয়োগ করা হচ্ছে.
সাজান, সম্পত্তি রঙ লাল সমান.
>> মাইক Rizzo: একইভাবে, আমরা পরিবর্তন করতে পারেন কি প্রকৃত বিষয়বস্তু
পৃষ্ঠার এইচটিএমএল, নেভিগেশন দেখাচ্ছে যা এটা মানে হল, কারণ সত্যিই শীতল আপনার
ওয়েব পৃষ্ঠা এখন সম্পূর্ণ গতিশীল হতে পারে এবং স্থির হতে হবে না
আপনি পিএইচপি ব্যবহার করে প্রিন্ট আউট যে খুব শুরুতে থেকে এ
পাতা লোড হচ্ছে.
তাই এখানে, আমরা পরিবর্তন চেয়েছিলেন পাতা প্রকৃত এইচটিএমএল, এখন আমরা would
এইচটিএমএল ফাংশন, কল যা তারপর ঠিক আমরা মধ্যে উল্লেখ যাহা টিপে
আমরা নির্বাচিত যে যে উপাদান.
তাই আমরা এখানে সাথে উপাদান নির্বাচন করছেন বর্গ foo বিন্যাস এবং তারপর এটি এইচটিএমএল এর বলছে
এটি এখন হ্যালো দুনিয়া.
>> Tomas REIMERS: এবং আপনি কি মনে করেন যখন সম্পর্কে এর দরকারী অ্যাপ্লিকেশন কি আছে
এই, এই সিএসএস এক, প্রথম জিনিস যে আপনি হয় সম্পর্কে ভাবতে শুরু করতে পারেন
শর্তাবলী এমনকি মেনু ড্রপ ডাউন.
আপনি ভালো কিছু করার শুরু করতে পারে যখন একটি ব্যবহারকারী উপরের অংশ উপর hovers
একটি ড্রপ ডাউন, আপনি করতে চাই দৃশ্যমান নিচের অংশ.
রাইট?
>> তাই সিএসএস, আমরা বৈশিষ্ট্য আছে দৃশ্যমান কিছু করতে.
প্রদর্শনের কোলন কেউ ভালো জিনিস এটি অদৃশ্য যাবে না.
ডিসপ্লে ব্লক এটি দৃশ্যমান যাবে না.
অথবা আপনি, আপনি সহজ যেতে চান হলেও দৃশ্যমানতা সমান ভালো জিনিস আছে
দৃশ্যমান, এবং দৃশ্যমানতা লুকানো সমান.
>> এবং যদি আপনি জিনিষ বাস্তবায়ন শুরু করতে পারে মত মেনুর ডান ড্রপ ডাউন
আপনি কিভাবে ধারণা মাধ্যমে পেতে পরে এই প্রর্দশিত যখন আপনি চিন্তা করতে পারেন,
আমরা খুব সংক্ষেপে মাধ্যমে পাবেন যা.
কিন্তু আমরা দেখতে শুরু করতে পারেন এই অ্যাপ্লিকেশন.
একটি অনুরূপ অর্থে, আপনি যদি চেষ্টা এবং একটি চ্যাট,, বাস্তবায়ন এর কথা বলা যাক
ইঞ্জিন এবং আপনি একটু করতে চাই আপনি করেছি যখনই বিবৃতি বাবল চিন্তা
একটি নতুন বার্তা পেয়েছিলাম, আপনি একবার নতুন বার্তা, আপনি একটু করতে পারেন
বিবৃতি বাবল পরিবর্তনকারী দ্বারা চিন্তা পৃষ্ঠার এইচটিএমএল, ডান?
যে অতিরিক্ত বিবৃতি বাবল যোগ করে সেখানে অতিরিক্ত টেক্সট সঙ্গে.
হাঁ?
>> AUDIENCE: সুতরাং আপনি মধ্যে এই এম্বেড করে সাজানোর মত মধ্যে এইচটিএমএল কোড একটি
[শ্রবণাতীত]?
>> মাইক Rizzo: রাইট.
হ্যাঁ, আমরা যে পাবেন কিছুক্ষন.
হাঁ, এটা অনুরূপ একটি আছে পিএইচপি করতে অল্প.
ঠিক অনুরূপ নয়.
>> করা একটি ভালো পার্থক্য কি এই আসলে আমরা সম্পাদনা যখন সম্পাদনা করা হয়
এটি হতে যাচ্ছে না, কারণ পাতা হচ্ছে যে প্রকৃত ফাইল সম্পাদন
সার্ভারে রাখা, কারণ বিশ্ব অনুমতি না থাকা উচিত
আপনার ফাইল সম্পাদনা করতে.
এই মাত্র পেজে কি সম্পাদনা করা হয় এবং কি মধ্যে প্রদর্শিত হচ্ছে
ব্রাউজার.
সুতরাং আপনি পরে পৃষ্ঠাটি পুনরায় লোড করা হলে, আমরা যত কিছু মুছে বলে,
আমরা Remove কল করতে পারেন দেখুন, যে জিনিস তারপর পুনরাবির্ভূত হবে.
>> Tomas REIMERS: তাই একটি উপায় সম্পর্কে ভাবতে এই আমি আপনার কম্পিউটারে না থাকলে এবং
মাইক, বাছাই করা, সার্ভার.
কি ঘটতে যাচ্ছে আমি যাচ্ছি হয় আরে, আমি একটি কপি থাকতে পারে, মাইক জিজ্ঞাসা
এই ওয়েবপৃষ্ঠা?
এবং তিনি আমাকে এটা একটা কপি দেব.
>> না, এটা আসল জিনিস না.
এটি শুধু একটি কপি না.
এবং তারপর এটা, ওহ, মত হবে জাভাস্ক্রিপ্ট এখানে আছে.
স্পষ্টত, আমি সম্পাদন করতে হবে পাতা এই মত হতে.
এবং আমি আপনার কপি সম্পাদনা করছি.
>> কিন্তু যে effecting না প্রকৃত কপি.
এবং আমি যদি আবার তাকে জিজ্ঞাসা , পৃষ্ঠাটি রিফ্রেশ -
আরে, আমি অন্য ক্লিন কপি থাকতে পারে -
তিনি আমাকে দিতে যাচ্ছে অন্য ক্লিন কপি.
এবং তারপর, আমি একই জিনিস করে চলেছি মত, ওহ, এই যে এখানে বিএসএফের
এই সম্পাদনা করতে.
এবং আমি যে করছেন রাখা যাচ্ছে না.
>> মাইক Rizzo: তাই একটি সত্যিই শীতল জিনিস jQuery হয় সাথে আপনি কি করতে পারেন যে
আসলে বিভিন্ন ধরনের যোগ আপনার পৃষ্ঠায় অ্যানিমেশন.
আপনি কি কখনও যেখানে দেখা করেছি যদি আমি জানি না আপনি একটি ভরাট একটি ফর্মটি চেষ্টা করছেন
অনলাইন এবং আপনি পূরণ না সঠিকভাবে জিনিস.
সুতরাং একটি সামান্য জিনিস নিচে স্লাইড উপরের এবং আপনি বলছেন
সঠিকভাবে এই কাজ করেন নি.
আবার চেষ্টা করুন.
এবং তারপর, এটা কেবল আপ স্লাইড পারে.
>> JQuery ফাংশন নির্মিত হয়েছে দেখা যাচ্ছে যে যে সব করতে
অ্যানিমেশন সত্যিই সত্যিই সহজ.
সুতরাং ফেইড প্রথম আছে আউট ফাংশন, যা
আপনি কোনো কিছুর উপর কল করতে পারেন.
এবং এটা এর সিএসএস পরিবর্তন করার জন্য একটি উপায় একটি প্রাণবন্ত ভাবে যে উপাদান.
সুতরাং এটি যাই হোক না কেন উপাদান লাগে আপনি এটা আউট বিবর্ণ কল.
এবং তারপর, ধীরে ধীরে তা এর অস্বচ্ছতা পরিবর্তন এটা সম্পূর্ণ স্বচ্ছ যায় যতক্ষন না.
>> Tomas REIMERS: অন্যান্য জনপ্রিয় এক করতে হবে, যা নিচে স্লাইড হয়
কিছু ডাউন সহচরী দ্বারা প্রদর্শিত.
তাই ড্রপ ডাউন মেনু ক্ষেত্রে, আবার, আমরা সনাক্ত করতে শিখেছি কিভাবে কখন
এই ওভার hovered হয়েছে যখন, আপনি শুধু এই নিচ বলতে পারে
অংশ এখন নিচে স্লাইড.
এবং তারপর, এটা প্রদর্শিত হবে নিচে সহচরী দ্বারা.
>> মাইক Rizzo: এবং তারপর, আপনি শুধু আছে মনের মধ্যে অ্যানিমেশন কিছু টাইপ করে
jQuery অগত্যা উপলব্ধ করা হয় না.
উদাহরণস্বরূপ, এর jQuery বলা যাক আপনি একটি স্লাইড সঙ্গে প্রদান করে
নিচে এবং স্লাইড আপ.
ভাল, এর আপনি স্লাইড চেয়েছিলেন বলা যাক থেকে বাম বা এ থেকে কিছু
CS50 মত ডান ধরনের মার্কিন যখনই আছে
যদি আপনি একটি নতুন প্যানেল এ যান.
এর পরে সম্ভবত করতে হবে ব্যবহার করে এটি নিজেকে বাস্তবায়ন
jQuery মধ্যে ফাংশন সজীব.
>> তাই একভাবে, আপনি শুধু সজীব.
এবং তারপর, এটি মধ্যে এটি একটি লাগে বিভিন্ন মানের অভিধান
আপনি পাস অনুমিত করছি.
তাই এখানে, আমরা সজীব চেয়েছিলেন উপাদান foo বিন্যাস যেমন যে তার প্রস্থ হয়
বিস্তৃত বা 80 পিক্সেল চুক্তি, এটি বর্তমানে কি উপর নির্ভর করে.
আমরা ঠিক যেমন যে পাশ করানো যাবে এটি মধ্যে যুক্তি.
>> কিছু অন্যান্য আর্গুমেন্ট আছে এছাড়াও অ্যানিমেট আপনি উদাহরণস্বরূপ, এটি পাস করতে পারে,
অ্যানিমেশনের গতি আপনি এটা দিতে চান.
এবং যে কি, আমি ঠিক বলতে হবে দ্রুত গুগল jQuery সজীব.
এবং তারপর, এই পৃষ্ঠায় আপ আনয়ন, আপনি যা করতে পারেন এটা ভিন্ন একটি গুচ্ছ পেয়েছিলাম দেখুন
আপনি এটি পাস করতে পারেন বৈশিষ্ট্য.
>> এবং আমি আপনাকে উত্সাহিত - আপনি আসতে যখনই আপনি না এমন কিছু বিষয় জুড়ে
জানি বা শুধু একটি সম্পর্কে আরও জানতে চাই আপনি কল করতে পারেন যে বিশেষ পদ্ধতি
কোন কিছু উপর -
শুধু এটি Google-. jQuery অত্যন্ত হয় তথ্যসমৃদ্ধ.
এবং প্রায়ই বার অনেক আছে তারা আপনার জন্য প্রদান যে উদাহরণ.
যদি আমরা নিচে স্ক্রল -
উপায় নিচে -
আমরা পাশাপাশি, ব্যবহার করতে পারেন.
>> আবার, যখন একজন বিকাশকারী আসলে যায় লেখার একটা যন্ত্রণা মাধ্যমে
লাইব্রেরি, তারা সাধারণত চাই এটি ব্যবহার করার জন্য কেউ.
তাই পাশাপাশি যাচ্ছে একটি ডকুমেন্টেশন হবে.
এবং যে ডকুমেন্টেশন সাধারণত হতে পারে যা প্রকল্প পাতা, পাওয়া
আমরা আপনার মধ্যে যে মূল সাইট দিয়েছিলেন কেন আপনি সংযোগগুলি যার শুরুতে,
প্রকল্পের পৃষ্ঠাগুলি আপনি পারেন তাই যে ডকুমেন্টেশন দেখুন.
>> সাধারণত, ক্ষেত্রে প্রকল্প পাতা এর [শ্রবণাতীত], এটা আপনাকে বলেছে
ক্লাস নামগুলি.
জাভাস্ক্রিপ্ট এর ক্ষেত্রে, এটা দেয় আপনি ফাংশন নাম.
যাইহোক, আমরা উপরে স্ক্রল আপ যদি, ফাংশন উপর একটি দ্রুত সাইড নোট হয়
আপনি বাস্তবায়িত একটি ফাংশন দেখতে যখনই হার্ড সাথে ভালো
মাঝখানে বন্ধনী, যে উপায়ে যে সম্পত্তি বাধ্যতামূলক নয় যে.
শুধু একটি মাথা পর্যন্ত.
আমি প্রশ্ন অনেক দেখা করেছি যে সম্পর্কে.
>> তাই আমরা এখানে দেখতে পারেন সজীব বৈশিষ্ট্য লাগে
একটি প্রয়োজনীয় আর্গুমেন্ট হিসাবে.
এবং অন্য সব কিছুর ঐচ্ছিক.
সাইড নোট -
আপনি সাজানোর, এই মনে করতে পারেন র, man পৃষ্ঠা মত.
Man পৃষ্ঠা সি জন্য ডকুমেন্টেশন এবং পাশাপাশি অন্যান্য বিষয়, অনেক জন্য.
>> মাইক Rizzo: সুতরাং আমরা শিখেছি করেছি কিভাবে পেজে বিভিন্ন সিএসএস পরিবর্তন,
এটি সজীব, এবং এইচটিএমএল যুক্ত মুছে ফেলুন.
কিন্তু সত্যিই সবচেয়ে শক্তিশালী এক জাভাস্ক্রিপ্ট সম্পর্কে জিনিস
এবং বিশেষ করে jQuery -
কি এটা আপনাকে যা করতে দেয় সাড়া হয় এরকম যে বিভিন্ন উপাদান.
উদাহরণস্বরূপ, এখানে আমরা আছে একটি ইভেন্ট হ্যান্ডলার.
যখনই এই এবং যে শুধু মানে ঘটনা ঘটে, আমরা একটি মধ্যে এটি সব ব্যবস্থা
নির্দিষ্ট উপায়.
>> তাই এখানে, জেনেরিক jQuery ইভেন্ট হ্যান্ডলার নেভিগেশন ডট হল.
এবং তারপর, প্রথম জিনিস আপনার দেওয়া কি ঘটনা এটি করা উচিত
জন্য শোনা করা.
তাই এখানে, এটি ক্লিক করতে হয় যে আমরা জন্য অপেক্ষা করছি.
>> Tomas REIMERS: অন্যথা, আপনি আছে বিলম্ব উপর, যা খুবই জনপ্রিয় একটি.
তাই ফিরে মেনু ধারণা নিচে আমার ড্রপ করতে.
আপনি বিলম্ব শীর্ষ এক হবে.
এবং তারপর আপনি যে পরিবর্তন হতে পারে.
>> মাইক Rizzo: রাইট.
এবং তারপর, এটি ঘটে, এটা ঠিক আমরা তা দিতে যে এই ফাংশন executes
একটি যুক্তি হিসেবে এবং যে এটা পরিষ্কার উচ্চ বা হ্যালো সতর্ক.
>> Tomas REIMERS: সুতরাং ক্ষেত্রে জাভাস্ক্রিপ্ট, এই আমরা প্রয়োজন একটি জায়গা
সি থেকে নিজেদেরকে সরিয়ে আমরা যা করতে পারেন আসলে আর্গুমেন্ট হিসাবে ফাংশন নিতে.
এবং অনেক সত্যিই আছে এই কাজ করতে জটিল উপায়.
আমরা একটি উপায় উন্নীত করতে যাচ্ছেন, আপনি নির্ধারণ করতে পারবেন যা
অধিকার আছে কাজ.
>> তাই আপনি যদি একটি ফাংশন হিসাবে জন্য বলছি যখন একটি পরামিতি, আপনি মূলত মাত্র আছেন
ফাংশন নির্ধারণ যাচ্ছে ঘটনাস্থলেই.
এবং যদি আপনি একটি ফাংশন নির্ধারণ উপায় জাভাস্ক্রিপ্ট আপনাকে হয়
আক্ষরিক ফাংশন বলে.
এর পরে, সাধারণত, নাম ফাংশন.
কিন্তু আমরা উল্লেখ করা যাচ্ছে না করছি এই ফাংশন আবার.
সুতরাং আমরা অখ্যাত এটি ছেড়ে.
>> তারপর প্রথম বন্ধনী তারপর কোঁকড়া ধনুর্বন্ধনী, এবং তারপর যে মধ্যে অবস্থান.
সুতরাং আমরা এই করতে পারেন বুঝতে একটু বিভ্রান্তিকর হতে.
সুতরাং আমরা আপনাকে সাধারণ ফর্ম দিতে একটি ইভেন্ট হ্যান্ডলার মত দেখাচ্ছে
নীচে, যা ঘটনা হয়.
এবং তারপর, যে ভিতর আপনার অবস্থান.
>> মাইক Rizzo: কোনো সেখানে এই সম্পর্কে প্রশ্ন?
এই একটু বিভ্রান্তিকর হতে পারে আপনি এটি দেখতে প্রথমবার.
>> Tomas REIMERS: আপনি আসলে চান একটি ফাইল খুলুন এবং তাদের কিছু প্রদর্শন
jQuery অধিকার এখন?
>> মাইক Rizzo: হ্যাঁ, এর তা করতে দিন.
ঠিক আছে.
>> Tomas REIMERS: তাই এখন আমরা করছি প্রয়োগ.
এবং কি আমরা সম্পন্ন করেছি আমরা গ্রহণ করেছি হয় একটি index.html উভয় তৈরি করার স্বাধীনতা
সংযোগ যা ফাইল, একটি জাভাস্ক্রিপ্ট ফাইল.
এবং আমরা আপ খুলতে পারে -
হাঁ.
ওয়েল, এটা দুটি জিনিস আছে.
>> প্রথম এটা লিঙ্ক হয় জাভাস্ক্রিপ্ট ফাইল.
এবং আমরা এখানে যে পর্যন্ত দেখতে পাবেন.
আমরা প্রধান মধ্যে দেখতে এইচটিএমএল ডকুমেন্ট, বিশেষ করে.
তাই আপনি সেখানে দেখতে পাবেন যে আমরা মূলত না, কি SRC বলে,
যার উৎস ঘোরা.
এবং যে URL-এর.
>> তাই এখানে আপনি যে আমরা করেছি বলতে পারেন jQuery অন্তর্ভুক্ত.
এবং আমরা স্ক্রিপ্ট অন্তর্ভুক্ত করেছেন.
জাভাস্ক্রিপ্ট অন্তর্ভুক্ত অন্যান্য উপায় আপনি যদি একটি ইনলাইন স্ক্রিপ্ট অন্তর্ভুক্ত করতে পারেন যে
আমরা নীচে আছে ট্যাগ হিসাবে যেখানে এটি স্ক্রিপ্ট টাইপ টেক্সট জাভাস্ক্রিপ্ট বলছেন.
>> তাই আমরা যদি আমরা করছি, শুনুন, বলছে একটি স্ক্রিপ্ট অন্তর্ভুক্ত করার বিষয়ে.
এবং যে স্ক্রিপ্ট ধরণ হয় লেখার একটা টাইপ যা জাভাস্ক্রিপ্ট,.
অত্যন্ত সহজ.
>> মাইক Rizzo: তাই এই, ধরনের, পায় আমরা অন্তর্ভুক্ত কিভাবে আপনার প্রশ্ন
আমাদের ফাইলের মধ্যে জাভাস্ক্রিপ্ট কারণ যখন আমরা পিএইচপি, আমরা ভালো কিছু করতে হয়.
এবং তারপর, আমাদের পিএইচপি ফাংশন আছে - এর স্টক করতে বলা যাক
যে সঙ্গে কিছু -
সেখানে যায়.
যাইহোক, এখন আমরা স্ক্রিপ্ট ট্যাগ আছে আমরা আসলে যা, তা দিতে যে
এইচটিএমএল নিজেই অংশ এটা না কারণ এটা মত একটি HTML ফাইল হচ্ছে faking
পিএইচপি হল আপনি আসলে এ যান, কারণ করে পৃষ্ঠার সোর্স তাকান,
আপনি সেখানে এই স্ক্রিপ্ট ট্যাগ দেখতে পাবেন জাভাস্ক্রিপ্ট সঙ্গে যুক্ত সঙ্গে
যে তাদের.
>> আমরা চেয়েছিলেন আমি তখন, যদি কিছু জাভাস্ক্রিপ্ট লিখুন -
এর মাত্র আমরা শরীরের পরিবর্তন চেয়েছিলেন বলা যাক এই মুহূর্তে আমি না থাকে, কারণ
আমি সত্যিই যা করতে পারেন যে অন্য কোন ট্যাগ শরীরের পাশাপাশি সম্পাদনা করুন.
আসুন শুধু আমি চেয়েছিলেন বলে যে সিএসএস পরিবর্তন.
সুতরাং আমরা এগিয়ে যান এবং পরিবর্তন করব লাল এটি রঙ.
>> তাই আমি ফাইলটি সংরক্ষণ করুন.
এর পিছনে আমাদের ওয়েব পেজে যাওয়া যাক, রিফ্রেশ, এবং এটি স্বয়ংক্রিয়ভাবে এটি আছে
এটা ঢুকে মত বলে মনে হচ্ছে না, কারণ আমরা শোনা ছিল না এ সব, কারণ
একটি ঘটনা বা যে মত কিছু জন্য.
>> Tomas REIMERS: সুতরাং আমরা যে ফিরে যান বিশেষ করে ফাইল - এইচটিএমএল
ফাইল - আপনি চলুন দেখতে আমরা আছে হল -
এই লোড করা মনে রাখবেন, ধরণের, chronologically.
তাই আমরা প্রথম মাথায় আছে. এটা ঐ দুটি ফাইল লোড করা হয়.
তারপর আমরা শরীর যান.
এবং আমরা হ্যালো দুনিয়া দেখুন.
সুতরাং আমরা হ্যালো দুনিয়া রেন্ডার.
>> এবং তারপর আমরা আছে শেষ জিনিস আমরা স্ক্রিপ্ট ট্যাগ থাকতে হয়.
এটা কারণ সুতরাং স্ক্রিপ্ট ট্যাগ রান কিছু জন্য অপেক্ষা করতে তা বলার নয়.
এবং যে অধিকাংশ মৌলিক এর JavaScript চালানোর উপায়.
>> সঙ্গে বলেন যে, আপনি স্ক্রিপ্ট লাগাতে পারেন হেডারের মধ্যে বড় ট্যাগ শুধু
এই বিন্দু দেখাতে?
এবং যে চালানো.
আমরা লক্ষ্য করছি যাচ্ছে যে এটি রঙ পরিবর্তন করা হয়নি.
এবং এই সমস্যার এক জাভাস্ক্রিপ্ট জিনিষ লোড হয়
একটি কালানুক্রমিকভাবে.
>> সুতরাং সময় যে যে কোড চলমান ছিল, আমরা নির্বাচিত -
ফিরে যান -
শরীরের ট্যাগ.
শরীরের ট্যাগ এখনো বিদ্যমান নয়, কারণ জাভাস্ক্রিপ্ট এইচটিএমএল সঙ্গে সঙ্গতিপূর্ণ হয়.
তাই ব্রাউজার নির্বাচন শরীর ভালো হয়.
এখনো যেমন জিনিস আছে.
সুতরাং আমরা যে উপেক্ষা করতে পারেন.
এবং আমরা বর্তা.
>> এবং তারপর আমরা একটি শরীরের ট্যাগ সংজ্ঞায়িত.
কিন্তু যে আপডেট পরার না.
সুতরাং আপনি স্ক্রিপ্ট প্রয়োগ করছি ট্যাগ, নিশ্চিত করুন যে আপনি স্থাপন করা
শরীরের ট্যাগ পরে.
পরবর্তী স্লাইডে.
>> মাইক Rizzo: ঠিক আছে.
তাই আমরা কিছু পরিবর্তন.
এটি সাড়া মত কিন্তু এটা তাকান না আমাদের এ সব শুধু ধরনের কারণ
যত তাড়াতাড়ি এটা পৃষ্ঠায় লোড হিসাবে তা.
তাই এখন, পরিবর্তে এই করছেন, কেন আমরা একটি ইভেন্ট হ্যান্ডলার যোগ করবেন না.
>> সুতরাং আসুন কিছু করতে দেওয়া শরীর আবার.
এবং এর আমরা এটা করতে বলা যাক -
ক্লিক করুন.
আমরা একটি ফাংশন যুক্ত করতে হবে.
>> Tomas REIMERS: ধরা যাক এর পরিবর্তন এটা আবার লাল রং এর.
কেন নয়?
>> মাইক Rizzo: হ্যাঁ, এর যাক পরিবর্তন আবার লাল তার 'রঙ.
ঠিক আছে.
সুতরাং আসুন পৃষ্ঠাটি পুনরায় লোড করুন.
ঠিক আছে, আমরা দেখতে -
প্রত্যাশিত হিসেবে, এটা এখনো লাল চালু করা হয় না.
কিন্তু তারপর আমরা এগিয়ে যান এবং এটি ক্লিক করতে পারেন.
>> Tomas REIMERS: এবং এটা লাল চালু করে.
>> মাইক Rizzo: এবং এটি আছে প্রত্যাশা অনুযায়ী লাল চালু.
>> Tomas REIMERS: এবং আমরা দেখতে পারেন আমরা খুব মৌলিক নির্মাণ শুরু করতে পারেন
মিথস্ক্রিয়া.
আমরা যা করতে চাইবেন অন্যান্য জিনিস, হয় আমরা শরীরের করতে অনিচ্ছুক থাকলে
লাল রঙ, এর এইচটিএমএল করা যাক পটভূমির রঙ লাল.
শুধু তাই এটি একই সিএসএস এর.
>> এবং আমরা তা পরিবর্তন করার সময়, আমরা এই দেখতে পারেন পরিবর্তন খুব নাটকীয় প্রভাব
সম্পূর্ণ পাতা.
তাই আবার, আপনি জিনিস রূপায়ণকারী করছি, আপনি এক উপাদান থাকতে পারে
ক্লিক করা বোঝানো হয়, যা.
এর একটি থেকে প্রস্থান বাটন শুরু করা যাক বলতে এবং একটি সম্পূর্ণ অন্যান্য কম্পোনেন্ট,
সাড়া বোঝানো হয় যা.
তাই আপনি যদি একটি উইন্ডো সরাতে হবে এটি ঘটে যখন.
>> মাইক Rizzo: ঠিক আছে.
শুধু একটি উদাহরণ হিসাবে -
আপনি এই তার আগে দেখতে পান নি -
আমি শুধু এটা দেখে মনে হচ্ছে আপনি কি দেখাব আমরা কিছু লুকাতে হলে চাই.
তাই আমি এগিয়ে যাবেন এবং আপ স্লাইড না.
>> Tomas REIMERS: একটি মধ্যে যে মোড়ানো চান আমরা তা করতে অনুচ্ছেদ টাইপ করার আগে?
>> মাইক Rizzo: ঠিক আছে.
হ্যাঁ, কেন আমরা কি না ঠিক তাই আমরা একটু বেশি তা নির্বাচন করতে পারবেন.
>> Tomas REIMERS: এবং let এর এটি একটি বর্গ দিতে.
>> মাইক Rizzo: হ্যাঁ.
ঠিক আছে, তাই দেখুন.
পরিবর্তে প্রকৃত শরীর নির্বাচন এখন, আমি সঙ্গে সবকিছু নির্বাচন করব
বর্গ হ্যালো, যা এখানে আমরা শুধু একটা জিনিস আছে.
সুতরাং আমরা থাকা উচিত নয় যে বিষয়ে উদ্বিগ্ন.
>> তাই আমি এটা রিফ্রেশ করব.
আমি এগিয়ে যান এবং এটি ক্লিক করবেন.
এবং এটা, বাছাই, একটি অদ্ভুত স্লাইড করেছেন যে তাকান নি যা আপ জিনিস,
আকর্ষণীয়.
সাধারণত, তারা বেশ সুন্দর দেখাচ্ছে না.
কিছু জন্য - আমি, এই অনুমান কারণ - না.
আমি ঠিক তাই একটি ফেইড আউট চেষ্টা করবো আপনি খুব যে তাকান পারেন.
অনেক nicer.
>> এবং তারপর, আমি জাভাস্ক্রিপ্ট খুলুন যদি আবার কনসোল এবং আমরা দেখতে চাই
এটা আমরা এটি ইন বিবর্ণ যখন মতো দেখতে
এখন, আমি এটা উপর বিবর্ণ কল.
এবং এটা ইন ফিরে fades
>> একইভাবে, আমরা আসলে এছাড়াও পাস পারে একটি যুক্তি বিবর্ণ বা আউট বিবর্ণ,
, যা ধরনের, এটা গতি.
সুতরাং আসুন এগিয়ে যান এবং আমরা চাই বলে এটি ধীরে ধীরে যেতে ইন বিবর্ণ
তাই আমি এটা এখনও করলো অনুমান বেশ দ্রুত.
কিন্তু এটা আগের চেয়ে অনেক মন্থর ছিল.
>> Tomas REIMERS: এবং আপনি খুঁজতে চান তাহলে এই জিনিস সম্পর্কে আরো, আবার,
শুধু, jQuery ডকুমেন্টেশন যান আমরা আপনাকে দেওয়া, এবং পড়েছি যা
এই মাধ্যমে.
তারা তাদের কর্ম নথিতে অবিশ্বাস্যভাবে ভাল.
>> মাইক Rizzo: ঠিক আছে.
তাই আমি এর পিছনে এই যান অনুমান.
এবং আমরা আমাদের শেষ পাতা সম্পর্কে কথা বলতে পারেন.
ভাল, আমরা বুটস্ট্র্যাপ সঙ্গে শেষ করতে পারেন.
এবং তারপর আমরা এটি খুলুন পাবেন কিছু প্রশ্ন জন্য.
আর আপনাকে বলছি কোন ধারনা আছে যে আপনি তোলা এবং দেখতে চেষ্টা করতে চান
আমরা সঙ্গে তাদের বাস্তবায়ন করতে পারেন দ্রুত জাভাস্ক্রিপ্ট.
>> তাই সত্যিই দ্রুত বুটস্ট্র্যাপ সম্পর্কে, যা স্বয়ংক্রিয়ভাবে অন্তর্ভুক্ত ছিল
সিএসএস ফোল্ডারে সেট আপনার শেষ সমস্যা এবং প্রকৃতপক্ষে এ লিঙ্ক আপনার
header.php.
সুতরাং আপনি ক্লাস যোগ করতে পারে এটা করতে বুটস্ট্র্যাপ মধ্যে ব্যাখ্যা করা হয়েছে.
এবং এটি স্বয়ংক্রিয়ভাবে স্টাইল করে সেই অনুযায়ী সেগুলো.
>> Tomas REIMERS: তাই বুটস্ট্র্যাপ খুব হয় মানুষ উন্নত ঐন্দ্রজালিক জিনিস
টুইটার এ.
এবং কি এটা করতে অভিপ্রেত ছিল ছিল -
ওয়েবসাইট করা সত্যিই কঠিন ছিল আগে আমরা ছিল, বিশেষ করে যখন সুন্দর দেখাচ্ছে
সাধারণ উপাদান অনেক.
সুতরাং বোতাম অনেক ওয়েব একই লাগছিল.
>> টেক্সট ক্ষেত্রের অনেক করা যাবে প্রমিত টেক্সট চেয়ে ভাল চেহারা
ক্ষেত্রের সম্ভবত আপনি সত্যিই থেকে জানি পুরানো ওয়েবসাইট বা সত্যিই দুর্বল হয়েছে
শুধু আক্ষরিক মত চেহারা, যা ওয়েবসাইট, টেক্সট কোন ফর্ম ছাড়া টেক্সট বক্স
ছায়া বা চমৎকার সীমারেখা যে কোন ধরণের.
তাই বুটস্ট্র্যাপ করেছেন, এটা ভাল, বলেন ছিল আমরা অনেক সাধারণ শৈলী আছে.
কেন আমরা সিএসএস এক সাধারণ সেট করা না এবং হিসাবে জাভাস্ক্রিপ্ট একটি সাধারণ সংকলন
এবং যা হিসাবে ভাল, যা এটি শৈলী পারেন মানুষ ড্রপ ভালো জিনিস দিতে পারে
মেনুর নিচে, যা মানুষ দিতে পারে মোডাল ভালো জিনিস.
>> মোডাল পাতা উপর pops কি এটি কঠোরভাবে বলতে হচ্ছে যখনই
আরও inhibits যা কিছু, আপনি যতক্ষণ মিথস্ক্রিয়া
এটি সঙ্গে যোগাযোগ করার.
ভালো কিছু, আপনি নিশ্চিত করা হয় আপনি এই জিনিস মুছে ফেলতে চান?
আপনি সত্যিই অন্য কিছু করতে পারবেন না আপনি হ্যাঁ বলার অথবা না হওয়া পর্যন্ত.
>> এটা এই সব নিয়ে যায় এবং এটি এটি প্যাকেজ একসঙ্গে এবং বলেন, আমরা এখানে.
মানুষ এখন এই ব্যবহার করতে পারেন.
এবং যদি আপনি এটি উপর পেতে পারেন getbootstrap.com এ.
এটি স্বয়ংক্রিয়ভাবে মধ্যে অন্তর্ভুক্ত ছিল আপনার শেষ সমস্যা সেট.
এবং আপনি স্বাগত বেশী করছি আপনার চূড়ান্ত প্রকল্পে এটি ব্যবহার.
এবং আপনি যে অনুসরণ করতে চান তাহলে বুটস্ট্র্যাপ পেতে সাথে সংযুক্ত আছে.
>> আপনি এখানে দেখতে পাবেন হয় সিএসএস সাইট বুটস্ট্র্যাপ.
আপনি বুটস্ট্র্যাপ দেখতে পাবেন.
আপনি নিচে স্ক্রল এবং, যদি আপনি দেখতে পাবেন এটি ডাউনলোড করতে কিভাবে, কিভাবে
এটি ইনস্টল, ইত্যাদি ইত্যাদি.
>> মাইক Rizzo: এবং আপনি এটিও করতে পারেন মজার ব্যাপার যে, এটি কাস্টমাইজ
থিম যাহা ধরনের হতে যে আপনি চান.
আমি যে আমি জন্য কি কিছু জানেন আমার আমি ক্লাস নেন যখন চূড়ান্ত প্রকল্প
এটা কাস্টমাইজ করা হয়.
বুটস্ট্র্যাপ একটি ভিন্ন সংস্করণের যে একটি ভিন্ন রঙের স্কিম ছিল এবং
কিছু বিভিন্ন আকার বিভিন্ন জিনিস.
তাই আমি যে সাথে খেলতে উত্সাহিত.
এটা কি মজা ধরনের.
>> Tomas REIMERS: শীর্ষ জুড়ে দেখার জন্যে আবার, এটা ফন্ট অনুরূপ এর
জট্টিল সাইট.
ডকুমেন্টেশন অনেক শুরু হবে আপনি করেছি যখন একই বলে মনে করা
এটা যথেষ্ট দেখা.
তাই আমরা এখানে সিএসএস আছে এই কম্পোনেন্ট.
এবং আপনি দেখতে পাবেন কিভাবে এটি জিনিষ শৈলী পারেন.
আপনি টেবিলের উপর ক্লিক তাই যদি, উদাহরণস্বরূপ, আপনি অবিলম্বে একটি করতে পারেন
টেবিলের প্রশংসনীয় সহজভাবে যুক্ত করে এটা বর্গ টেবিল.
>> বোতাম জন্য একই জিনিস.
আপনি কেবল বর্গ বিটিএন এবং বিটিএন যোগ করুন ডিফল্ট বা বিটিএন প্রাথমিক, আপনি যা করতে পারেন
এই বোতাম যে কোনো একটি পেতে এই প্রাক তৈরি শৈলী সঙ্গে.
এবং তারপর, আপনি যা খুঁজছেন তা যদি কেবল চেয়ে আরো জটিল কিছু
W ইতিমধ্যে ওভার উপর, আছে কি restyling উপরে আমরা জুড়ে জাভাস্ক্রিপ্ট ট্যাব
উপাদান একটি গুচ্ছ আছে.
>> তাই আমরা এখানে স্থানান্তর, মোডাল আছে, dropdowns, ট্যাব, এবং tooltips.
একটি টুলটিপ আপনার অধীনে পপ আপ কি মাউস আপনি কিছু নেভিগেশন বিলম্ব হলে.
Popovers, সঙ্কেত, বাটন, হইতে সক্ষম accordions কি
তারা সাধারণত বলা করছি.
Carousels, যা উল্টানো মত ইমেজ মাধ্যমে.
>> সুতরাং যারা উপাদান বুটস্ট্র্যাপ এর.
আমি উত্সাহিত হবে অত্যন্ত তাদের তাকান যান.
একটি জাভাস্ক্রিপ্ট কম্পোনেন্ট আছে এবং একটি CSS এর উপাদান.
আপনি হবে হিসাবে তাদের ব্যবহার নির্দ্বিধায়.
আমরা তাদের মধ্যে খুব বেশী যেতে যাচ্ছেন না আমরা ডকুমেন্টেশন বোধ কারণ
সত্যিই ভাল কাজ করেছেন.
আর হ্যাঁ.
আপনি যে সম্পর্কে কোন প্রশ্ন আছে?
>> সত্যিই দ্রুত সুতরাং হিসাবে: Mike Rizzo দিকে, এই ওয়েব পৃষ্ঠার নকশা যে
আমরা দ্রুত জন্য একত্র করা এই উপস্থাপনা
আসলে বুটস্ট্র্যাপ ব্যবহার করা.
যেহেতু আপনি দেখতে পারেন, আমরা এই উপর ক্লিক করা হলে বিভিন্ন ট্যাব, আসলে আমরা কখনও করছি
এই বর্তমান index.html পাতা যাব.
তাই কি আমরা আছে বিভিন্ন DIVs হয় এই index.html মধ্যে.
এবং তারপর, আমরা একটি ভিন্ন ক্লিক যখনই ট্যাব, এটা পরিবর্তন হচ্ছে
যা এক এর দেখানো.
>> সুতরাং সেই অনুযায়ী, তাদের অবস্থানের পৃষ্ঠার এইচটিএমএল পরিবর্তন যাতে
বর্তমান ট্যাব সক্রিয় হিসেবে চিহ্নিত করা হয়, তাই এটা ভিন্নভাবে এবং সৌন্দর্য প্রদর্শিত
সত্যিই চমৎকার.
>> Tomas REIMERS: সুতরাং যে সব এটি করা হয় আমাদের প্রায় কোনো সিএসএস লেখা ছাড়া.
আমরা শীর্ষ জুড়ে একটি হেডার দেখুন, যা রং আমাদের দ্বারা হয়.
কিন্তু প্রকৃত এটি নির্বাণ পাতার উপরে এবং তৈরীর
এটি স্ক্রল বুটস্ট্র্যাপ ছিল.
এবং তারপর এমনকি অন্য লাইব্রেরির জন্য - এই আমরা স্বপ্ন এক কিন্তু এক নয়
যদি আপনি চান আপনি Google-পারেন.
এই prettify.js বলা হয়.
এবং এটি আপনার কোড হাইলাইট সিনট্যাক্স হবে আপনি সিএসএস এবং জাভাস্ক্রিপ্ট উভয় ব্যবহারের জন্য.
>> আমরা যে বিষয়ে কথা বলতে চান শেষ জিনিস আমরা মধ্যে আপনি আউট মুক্তি আগে
জিনিসটা লাইব্রেরি তাকান বিশ্ব কিভাবে তাদের ব্যবহার করার জন্য এবং জন্য, আশা করছি,
ডকুমেন্টেশন পড়া এবং কি আপনি খুঁজে প্রয়োজন লাইব্রেরি খুঁজে কিভাবে হয়.
সুতরাং প্রথম আমরা ঠিক করছি হয় গুগল ধাক্কা যাচ্ছে.
গুগল যান.
>> যে আমরা কি কি আক্ষরিক যখন আমরা কিছু করতে হবে যে আমরা গুগল হয়.
একটি জাভাস্ক্রিপ্ট লাইব্রেরি আছে আমার একটা সময় নিপূণভাবে করতে পারবেন
দরকারী উপায়?
আমি জানি তাই যদি যে তৈরি কিছু ইউজার এখানে একটি অ্যাকাউন্ট, এবং এই হল
বর্তমান সময়, কিভাবে আমি নিরূপণ করতে পারেন না করেও যে সঙ্গে পার্থক্য
এটা নিজেকে নিরূপণ?
তাই আসলে এই একটি সাধারণ জিনিস, জাভাস্ক্রিপ্ট সময় লাইব্রেরি.
এবং এখানে আমরা Moment.js-- সবচেয়ে জনপ্রিয় এক.
>> আমরা নিপূণভাবে একটি লাইব্রেরি প্রয়োজন রঙ পাবে মত কিছু
র্যান্ডম রং একটি গুচ্ছ উৎপন্ন -
সম্ভবত, একটি উৎপন্ন শৈলী বা কিছু -
আমরা ভালো কিছু Google-পারে জাভাস্ক্রিপ্ট রঙ লাইব্রেরি.
এবং আমি মনে করি আমরা সঙ্গে পপ আপ হবে নিশ্চিত নই একটি হাজার এবং তাদের মধ্যে একজন.
আপনি তাদের মাধ্যমে পড়তে স্বাগত করছি.
>> তাই অধিকাংশ জিনিস - আপনি তাদের খুঁজে যখন - যাচ্ছি এক হোস্ট করা
সাইট যা হোস্ট কোড.
তারা করছি কয়েকটি জনপ্রিয় ওগুলো.
দ্বারা সবচেয়ে জনপ্রিয় এ পর্যন্ত, github.com হয়.
আপনি GitHub যান এবং যদি এটা আসলে এর নিয়মমাফিক হোস্ট করা হয় যেখানে.
তাই আপনি ফিরে এক যে যেতে চান.
তাদের যে দেখান.
>> মাইক Rizzo: এবং যে আসলে যেখানে আপনি খেয়াল করলে এই খুব হোস্ট করা হয়.
>> Tomas REIMERS: হ্যাঁ.
সুতরাং আপনি নিয়মমাফিক উপর যান এবং GitHub যান.
যে ছিল কি?
>> মাইক Rizzo: যে সামান্য বিড়াল জিনিস GitHub প্রতীক.
>> Tomas REIMERS: ওহ.
সুতরাং GitHub নামে একটি পদ্ধতি ব্যবহার করে দোকান কোড করার Git.
আপনি যে বা জানি না হয় এটি যে সূক্ষ্ম, আপনি frightens.
আপনি Git কি জানি করতে হবে না GitHub একটি ডাউনলোড বাটন আছে, কারণ
নীচে ডানদিকে.
>> জানা অন্যান্য প্রয়োজনীয় জিনিস GitHub অধিকাংশ পণ্য সম্পর্কে
একটি আমার পড়তে থাকবে.
এবং তারা একটি ওয়েবসাইট না থাকে, আমাকে কিভাবে আপনি সম্পর্কে কথা বলতে হবে পড়া
কি এটা, আপনি এটি ব্যবহার, কিভাবে এটি ইনস্টল না, ইত্যাদি ইত্যাদি, ইত্যাদি ইত্যাদি, ইত্যাদি ইত্যাদি.
আমরা কি মূলত চলেছি আপনি মাধ্যমে হাঁটা.
>> মাইক Rizzo: ইন্টারনেট এর প্রস্থান.
>> Tomas REIMERS: যে সূক্ষ্ম.
আমরা চেয়েছি শেষ দুটি জিনিস কথা বলার জন্য -
আমরা Git স্বপ্ন করেছি -
সমস্যা সমাধান হয়.
এবং এই এক হিসাবে জন্য প্রাসঙ্গিক নয় হিসাবে এটা চূড়ান্ত পণ্য
আপনি 50 চলে গেলে.
এবং আপনি পণ্য পাতিত যখন লাইব্রেরি প্রয়োগ বা বাস্তবায়ন
আপনার নিজের প্রজেক্ট, আপনি যাচ্ছেন প্রশ্ন থাকে বা আপনি থাকেন যাও
প্রশ্নের জন্য তাকান যাচ্ছে.
>> আবার, এটি Google-.
যে আক্ষরিক আমরা কি কি.
এই মূর্খ নিস্বন যাচ্ছে.
কিন্তু আক্ষরিক, আমরা এটি Google-.
এবং আবার, প্রথম জিনিস এক আপনি সাধারণত পাতিত করব
একটি বিস্ময়কর যা stackoverflow.com, প্রশ্ন ও উত্তর দৃষ্টিশক্তি.
>> এটা বিস্ময়কর উভয় আপনি যা করতে পারেন, কারণ এর প্রশ্ন পোস্ট ও জন্য সন্ধান
উত্তর কিন্তু কারণ এটি ইতিমধ্যে অনেক আছে
সেখানে কন্টেন্ট প্রাক জনবহুল.
তাই সাধারণত আপনি একটি প্রোগ্রামিং Google-যখন প্রথম মধ্যে প্রশ্ন
দম্পতি আপনি ইতিমধ্যে চালানো হয়ে থাকতে পারে হিট আপনার সমস্যা সেট সময় তা.
>> এবং তারপর, গত সত্যিই সংক্ষিপ্ত জিনিস আজ আমরা করেছি - যা JSFIDDLE, হয়
সঙ্গে কাজ অনেক কাজ করা হয়েছে জাভাস্ক্রিপ্ট এইচটিএমএল সিএসএস.
JSFIDDLE একটি ওয়েব অ্যাপ্লিকেশন, যা মূলত আপনি, আপনার HTML নিতে দেয় আপনার ব্যক্তিগত সংগ্রহ
জাভাস্ক্রিপ্ট নীচে বামে, এবং আপনার সিএসএস উপরে ডান.
এবং তারপর এটি একটি দ্রুত রেন্ডার তৈরি করতে পারেন এটি এবং এটি মিথস্ক্রিয়া কিভাবে দেখতে.
মানুষ চেষ্টা করছেন যখন এটা খুব দরকারী ভালো ধারণা একটি প্রমাণ যা করতে
এই হল কিভাবে আপনি would মেনু নিচে একটি ড্রপ করবেন.
হয়তো একটি দ্রুত আবরণ উন্মোচন বা যাই হোক না কেন.
>> মাইক Rizzo: সুতরাং আসুন চলুন এগিয়ে এবং এই বাটনে ক্লিক করুন.
একটি দ্রুত নোট -
আমরা আগে, যেহেতু ক্লিক করলে করছেন.
JCorey কোরিয়া এছাড়াও একটি অন্তর্নির্মিত আছে দেখা যাচ্ছে ক্লিক ইভেন্ট হ্যান্ডলার মধ্যে যে এটি
এটা আপনি পরিসংখ্যান ঠিক কারণ ব্যবহার জিনিস অনেক কাজ করতে চান যাচ্ছে
আপনি কিছু ক্লিক করতে চান.
>> একইভাবে, এটি একটি বিলম্ব আছে.
কিন্তু পূর্ণ সুযোগ পেতে ঐ, jQuery তাকান
ডকুমেন্টেশন এবং এটা.
আমি এখানে মূঢ় কিছু করেছিল.
>> Tomas REIMERS: তাই আমি সত্যিই দ্রুত আছে এখানে ডান প্রোগ্রাম, যা বলছেন
ক্লিক করলে বাটন.
তারপর আমরা লুপ জন্য একটি আছে.
আমি কম 404 হল জন্য.
এটি শুধু পপ আপ যাচ্ছে এই সতর্কতা Netlog.
>> মাইক Rizzo: এবং কি ছিল কোড 404 HTML এ জন্য দাঁড়িয়ে?
কেউ মনে করে?
ঠিক আছে, খুঁজে পাওয়া যায় না.
ক্রোম এই ঝরঝরে যোগ জিনিস যেখানে আপনি যা করতে পারেন -
>> Tomas REIMERS: মানুষের মত কারণ মাইক এই অনেক কাজ শুরু করে এবং
যার সাহায্যে বিরক্তিকর ব্যবহারকারী, আপনি তথ্য দেখতে.
>> মাইক Rizzo: হ্যাঁ.
>> Tomas REIMERS: আমরা কোনো প্রশ্ন করবেন না এই সম্পর্কে, জাভাস্ক্রিপ্ট সম্পর্কে
লাইব্রেরি, লাইব্রেরি ফাইন্ডিং, অথবা কি ওয়েব ডেভেলপমেন্ট কেমন লাগে
বাস্তব জগতে পছন্দ?
আমরা সময় বিরুদ্ধে আপ চালাচ্ছেন.
তাই আমি মনে করি আমরা চলুন নিশ্চিত না বাস্তবায়নের সময় আছে
এটা আসলে খুব দ্রুত, যদি না.
আমরা ভাল আছেন?
>> মাইক Rizzo: কিছু আপনি না চাই , মত, সত্যিই দ্রুত দেখতে দুই
মিনিট বা তার কম?
>> Tomas REIMERS: কিছু আমরা নির্মল করতে পারেন?
কিভাবে লিখতে -
>> AUDIENCE: [শ্রবণাতীত]?
>> মাইক Rizzo: হ্যাঁ, তাই অদূর ভবিষ্যতে -
>> Tomas REIMERS: আপনি ঠিক আঘাত করতে পারেন ওয়েবসাইটে কন্ট্রোল-ইউ.
>> মাইক Rizzo: ওহ, আমি জানি না.
>> Tomas REIMERS: আমি হাঁ, মনে করি.
কন্ট্রোল-ইউ. হ্যাঁ.
>> মাইক Rizzo: ওহ, তাই যে ওয়েব সাইটের জন্য কোড.
কিন্তু আসলে আপনি ডাউনলোড করতে চান তাহলে আমাদের ফাইল এবং সবকিছু, এটি হোস্ট করা হয়
github.com নেভিগেশন
>> Tomas REIMERS: আমার নাম কাট -
Tomas Reimers - স্ল্যাশ CS50 হাইফেন সেমিনার.
>> মাইক Rizzo: এবং আপনি যা করতে পারেন সেখানে সবকিছু খুঁজে.
>> Tomas REIMERS: এই কি GitHub হয় যাইহোক, মত দেখাচ্ছে.
তাই আবার, আপনি একটি ওপেন সোর্স দেখতে হলে প্রকল্প, সাধারণত, তারা একটি পঠিত হবেন
আপনি পড়তে পারেন যে আছে আমার.
আপনি ফিরে যান এবং, যদি আপনি বিজ্ঞপ্তি পাবেন যে আপনি ডাউনলোডের পিন আছে, যা হবে
আপনি সোর্স ডাউনলোড করার অনুমতি দেয় অন্তর্ভুক্ত কোড
আপনার নিজের জিনিস মধ্যে পণ্য.
>> মাইক Rizzo: হ্যাঁ, এবং যদি আমরা শুধু ক্লিক করুন সত্যিই দ্রুত index.html নেভিগেশন -
>> Tomas REIMERS: আপনি এখানে দেখতে পাবেন না আমাদের ওয়েব সাইটের জন্য সোর্স কোড.
>> মাইক Rizzo: এছাড়াও, আমি ডান ধাক্কা ভুলে গেছি বড় টেবিলের সাথে আগে
অন্তর্ভুক্ত, কিন্তু একটি টেবিল এর রয়েছে আমরা অন্তর্ভুক্ত chmods র
শুধু আপনার স্বচ্ছতার জন্য.
কিন্তু আমরা সব পথ নিচে স্ক্রল যদি নীচে, আমরা আসলে খুব কি না
জাভাস্ক্রিপ্ট দিয়ে অনেক কিছু সব এই সঙ্গে স্টাফ.
এটা সবকিছু থেকে একচেটিয়াভাবে এর আমরা ছিল অন্য.
>> সুতরাং আসার জন্য আপনাকে বলছি ধন্যবাদ এবং শোনা.
আমরা এই সত্যিই সহায়ক ছিল না.
আপনি সম্পর্কিত কোন জাভাস্ক্রিপ্ট আছে প্রশ্ন বা ঠিক সম্পর্কে কথা বলতে চান
কি অন্যান্য দুর্দান্ত জিনিস মত কি কি আপনি জাভাস্ক্রিপ্ট করতে পারেন, আমরা ভালোবাসতাম
আপনি কথা বলতে.
>> Tomas REIMERS: আপনি একটি প্রশ্ন থাকে আপনার প্রকল্প সম্পর্কে বা যদি এই হতে পারে
প্রাসঙ্গিক, আমরা সম্ভবত ঘুরঘুর করব এই পর অল্প.
কিন্তু অন্য যে, আছে একটি ভাল সপ্তাহান্তে.
>> মাইক Rizzo: হ্যাঁ, উপভোগ করুন.
আপনি না দেখুন.
>> Tomas REIMERS: Ya দেখুন.