diff options
Diffstat (limited to 'files/bn/mozilla/add-ons/sdk/tutorials')
5 files changed, 0 insertions, 469 deletions
diff --git a/files/bn/mozilla/add-ons/sdk/tutorials/adding_a_button_to_the_toolbar/index.html b/files/bn/mozilla/add-ons/sdk/tutorials/adding_a_button_to_the_toolbar/index.html deleted file mode 100644 index 0a33490189..0000000000 --- a/files/bn/mozilla/add-ons/sdk/tutorials/adding_a_button_to_the_toolbar/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: Adding a Button to the Toolbar -slug: Mozilla/Add-ons/SDK/Tutorials/Adding_a_Button_to_the_Toolbar -translation_of: Archive/Add-ons/Add-on_SDK/Tutorials/Adding_a_Button_to_the_Toolbar ---- -<div class="note"> - <p>এই টিউটরিআল বুঝতে হলে আপনাকে প্রথমে <a href="/en-US/Add-ons/SDK/Tutorials/Installation" style="line-height: 1.5;">এস ডি কে</a><span style="line-height: 1.5;"> ইন্সটল করতে হবে এবং </span><a href="/en-US/Add-ons/SDK/Tutorials/Getting_Started_With_cfx" style="line-height: 1.5;">সি এফ এক্স এর প্রাথমিক </a><span style="line-height: 1.5;"> জিনিস গুলা শিখতে হবে ।</span></p> - <p><span style="line-height: 1.5;">এই টিউটোরিয়াল </span><a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_action" style="line-height: 1.5;">এক্সশন বাটন </a> এ পি আই <span style="line-height: 1.5;">ব্যাবহার করে, যে শুধু মাত্র ফায়ার ফক্স ২৯ বা এর পরের ভারশন গুলোতে কাজ করে ।</span></p> - <p> </p> -</div> -<p><span style="line-height: 1.5;">কোন বাটন টুলবারের সাথে সংযুক্ত করতে হলে </span><a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_action" style="line-height: 1.5;"> এক্সন বাটন</a><span style="line-height: 1.5;"> বা </span><a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_toggle" style="line-height: 1.5;">টগল বাটন </a>মডিউলগুলো ব্যাবহার করুন ।</p> -<p>একটি নতুন ডিরেক্টরি তৈরি করুন, তার ভেতরে ডুকুন এবং সিএফএক্স ইনিট চালান ।</p> -<p>তার পর নিচের আইকন তিনটি "ডাটা" ডিরেক্টরিতে সেভ করুন ।</p> -<table class="standard-table"> - <tbody> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/7635/icon-16.png" style="width: 16px; height: 16px;"></td> - <td>icon-16.png</td> - </tr> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/7637/icon-32.png" style="width: 32px; height: 32px;"></td> - <td>icon-32.png</td> - </tr> - <tr> - <td><img alt="" src="https://mdn.mozillademos.org/files/7639/icon-64.png" style="width: 64px; height: 64px;"></td> - <td>icon-64.png</td> - </tr> - </tbody> -</table> -<p>Then open the file called "main.js" in the "lib" directory and add the following code to it:</p> -<pre class="brush: js">var buttons = require('sdk/ui/button/action'); -var tabs = require("sdk/tabs"); - -var button = buttons.ActionButton({ - id: "mozilla-link", - label: "Visit Mozilla", - icon: { - "16": "./icon-16.png", - "32": "./icon-32.png", - "64": "./icon-64.png" - }, - onClick: handleClick -}); - -function handleClick(state) { - tabs.open("https://www.mozilla.org/"); -}</pre> -<p>Now run the add-on with <code>cfx run</code>. The button is added to the toolbar at the top of the browser window:</p> -<p><img alt="" src="https://mdn.mozillademos.org/files/7641/mozilla-button.png" style="width: 382px; height: 221px; display: block; margin-left: auto; margin-right: auto;">You can't set the initial location for the button, but the user can move it using the browser's customization feature. The <code>id</code> attribute is mandatory, and is used to remember the position of the button, so you should not change it in subsequent versions of the add-on.</p> -<p>Clicking the button loads <a href="https://www.mozilla.org/en-US/">https://www.mozilla.org/</a> into a new tab.</p> -<h2 id="Specifying_the_icon">Specifying the icon</h2> -<p>The icon property may specify a single icon or a collection of icons in different sizes, as in the example above. If you specify a collection of icons in different sizes the browser will automatically choose the best fit for the screen resolution and the place in the browser UI that hosts the button. <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_action#ActionButton(options)">Read more about specifying multiple icons</a>.</p> -<p>The icon file must be packaged with your add-on: it may not refer to a remote file.</p> -<p>You can change the icon at any time by setting the button's <code>icon</code> property. You can change the icon, and the other state attributes, either globally, for a specific window, or for a specific tab. <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_action#Updating_state">Read more about updating state</a>.</p> -<h2 id="Attaching_a_panel">Attaching a panel</h2> -<p>If you need to attach a panel to a button, use the <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_toggle">toggle button</a> API. This is just like the action button API except it adds a boolean <code>checked</code> property which is toggled whenever the button is checked. To attach the panel, pass the button to the panel's <a href="https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/panel#show(options)"><code>show()</code></a> method. For more details on this, see the <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_toggle#Attaching_panels_to_buttons">toggle button's documentation</a>.</p> -<h2 id="Displaying_richer_content">Displaying richer content</h2> -<p>To create more complex user interface content than is possible with just a button, use the <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_toolbar">toolbar</a> API. With the toolbar API you get a complete horizontal strip of user interface real estate. You can add buttons to the toolbar and also <a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_frame">frames</a>, that can host HTML, CSS, and JavaScript.</p> -<h2 id="Learning_more">Learning more</h2> -<ul> - <li><a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_action">action button reference</a></li> - <li><a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_button_toggle">toggle button reference</a></li> - <li><a href="/en-US/Add-ons/SDK/Low-Level_APIs/ui_toolbar">toolbar reference</a></li> -</ul> diff --git a/files/bn/mozilla/add-ons/sdk/tutorials/index.html b/files/bn/mozilla/add-ons/sdk/tutorials/index.html deleted file mode 100644 index 25c953da9e..0000000000 --- a/files/bn/mozilla/add-ons/sdk/tutorials/index.html +++ /dev/null @@ -1,175 +0,0 @@ ---- -title: Tutorials -slug: Mozilla/Add-ons/SDK/Tutorials -tags: - - টিউটোরিয়াল -translation_of: Archive/Add-ons/Add-on_SDK/Tutorials ---- -<p>এই পেজ এর তালিকাগুলো নিজ হাতে গড়া অনুচ্ছেদ, কেমনে SDK ব্যবহার করে নির্দিষ্ট কাজসমূহ অর্জন করা যায় এ সম্পর্কে।</p> -<hr> -<h3 id="শুরু_করা"><a name="শুরু করা">শুরু</a> করা</h3> -<div class="column-container"> - <div class="column-half"> - <dl> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Installation"> স্থাপন করা </a></dt> - <dd> - ডাউনলোড, স্থাপন,এবং SDK চালু করা Windows, OS X এবং Linux এ।</dd> - </dl> - <dl> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Troubleshooting">সমস্যাসমাধান </a></dt> - <dd> - কিছু pointers ব্যবহার করা হয় গতানুগতিক সমস্যাসমূহ সমাধান করার জন্য এবং আরও সাহায্য পাওয়ার জন্য।</dd> - </dl> - </div> - <div class="column-half"> - <dl> - <dt> - শুরু করা</dt> - <dd> - SDK এর সাথে একটি simple add-ones তৈরি করুন।</dd> - </dl> - </div> -</div> -<hr> -<h3 id="ইউজার_ইন্টারফেস_তৈরি">ইউজার ইন্টারফেস তৈরি</h3> -<div class="column-container"> - <div class="column-half"> - <dl> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Adding_a_Button_to_the_Toolbar">একটি toolbar button যুক্ত করুন</a></dt> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Adding_a_Button_to_the_Toolbar"> একটি বোতাম যুক্ত করুন </a> Firefox Add-on toolbar এ।<a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Menu_Item_to_Firefox"> </a></dt> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Menu_Item_to_Firefox">একটি menu item যুক্ত করুন Firefox এ </a></dt> - <dd> - Firefox main menus এ items যুক্ত করুন।</dd> - </dl> - </div> - <div class="column-half"> - <dl> - <dt> - পপআপ প্রদর্শন</dt> - <dd> - পপআাপ dialog প্রদর্শন করা HTML এবং Javascript এর সাথে।<a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item"> </a></dd> - <dd> - <a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item">একটি </a><a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Context_Menu_Item">context menu item যুক্ত করা</a></dd> - <dd> - Firefox's context menu এ items যুক্ত করুন।</dd> - </dl> - </div> -</div> -<hr> -<h3 id="ব্রাউজার_দিয়ে_যোগাযোগ">ব্রাউজার দিয়ে যোগাযোগ</h3> -<div class="column-container"> - <div class="column-half"> - <p><a href="/en-US/Add-ons/SDK/Tutorials/Open_a_Web_Page"> একটি web page খোলা </a></p> - <p><a href="/en-US/Add-ons/SDK/Tutorials/Open_a_Web_Page"> একটি web page খুলুন একটি নতুন browser tab e অথবা window তে tabs module ব্যবহার করে,এবং ইহার বিষয়বস্তুকে প্রবেশাধিকার দেয়া।</a></p> - <dl> - <dt> - </dt> - <dd> - </dd> - <dt> - পৃষ্ঠা লোড শুনুন</dt> - <dd> - Tabs module ব্যবহার করা অবহিত করার জন্য যখন নতুন web page load হবে, এবং তাদের বিষয়বস্তুকে প্রবেশাধিকার দেয়া হবে।</dd> - </dl> - </div> - <div class="column-half"> - <dl> - <dt> - open tab এর তালিকা পাওয়া</dt> - <dd> - বর্তমানে খোলা tabs গুলোর মাধ্যমে বারবার,এবং তাদের content access tab module ব্যবহার করুন।</dd> - </dl> - </div> -</div> -<hr> -<h3 id="ওয়েব_পেজ_পরিবর্তন">ওয়েব পেজ পরিবর্তন</h3> -<div class="column-container"> - <div class="column-half"> - <dl> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Modifying_Web_Pages_Based_on_URL">URL এর উপর ভিত্তি করে ওয়েব পেজ পরিবর্তন করা </a></dt> - <dd> - URL এর উপর ভিত্তি করে web pages এর জন্য filters তৈরি করাঃযার URL টি ফিল্টার সাথে মিলে একটি ওয়েব পাতা লোড হয়, যখনই এটি একটি নির্দিষ্ট স্ক্রিপ্ট চালায়।</dd> - </dl> - </div> - <div class="column-half"> - <dl> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Modifying_the_Page_Hosted_by_a_Tab">সচল ওয়েব পেজ চালানো </a></dt> - <dd> - বর্তমান সক্রিয় ওয়েব পেজ এর মধ্যে পরিবর্তনশীল একটি স্ক্রিপ্ট লোড করুন।</dd> - </dl> - </div> -</div> -<hr> -<h3 id="উন্নয়ন_কৌশল">উন্নয়ন কৌশল</h3> -<div class="column-container"> - <div class="column-half"> - <dl> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Logging">লগিং </a></dt> - <dd> - <br> - ডায়গনিস্টিক উদ্দেশ্যে কনসোল থেকে বার্তা লগ ইন</dd> - <dt> - <br> - পূর্ণব্যবহারযোগ্য মডিউল নির্মাণ</dt> - <dd> - আলাদা modules এ আপনার add-on গঠন করুন যাতে এটি উন্নয়ন,ত্রুটি সরানো,এবং রক্ষণাবেক্ষণ করা সহজ হয়।পূর্ণব্যবহারযোগ্য packages তৈরি করুন যেটা আপনার modules এ ধারণ করবে,সুতরাং অন্যান্য add-on developers রাও তাদের ব্যবহার করতে পারবে।</dd> - <dt> - ইউনিট টেস্টিং</dt> - <dd> - SDK's test framework ব্যবহার করে writting and running unit tests করুন।</dd> - <dt> - ক্রোম কর্তৃপক্ষ</dt> - <dd> - components object এ access পাবেন,আপনার add-on load হওয়ার জন্য সক্রিয় করুন এবং কোন xpcom object ব্যবহার করুন।</dd> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Creating_event_targets">event targets </a>তৈরি করা</dt> - <dd> - আপনি তাদের নিজস্ব ইভেন্ট থেকে নির্গত নির্ধারণ বস্তু সক্রিয় করুন।</dd> - </dl> - </div> - <div class="column-half"> - <dl> - <dt> - লোড এবং লোড না করার জন্য শুনুন</dt> - <dd> - যখন আপনার add-on firefox এ load বা unload হবে তখন এর বিজ্ঞপ্তি জানুন এবং আর্গুমেন্ট পাস করান add-on এ command line হতে।</dd> - <dd> - <a href="/en-US/Add-ons/SDK/Tutorials/Add_a_Menu_Item_to_Firefox">Third-party modules </a>ব্যবহার করা</dd> - <dd> - ইনস্টল করুন এবং অতিরিক্ত মডিউল ব্যবহার করুন যা SDK এর সাথে Ship করে না।</dd> - <dt> - স্থানীয়করণ</dt> - <dd> - অনুবাদ কোড লেখা।</dd> - <dt> - মোবাইল উন্নয়ন</dt> - <dd> - Firefox Mobile এর জন্য android এর উপর add-ons উন্নয়ন করুন।</dd> - <dt> - <a href="/en-US/Add-ons/Add-on_Debugger">Add-on ডিবাগার</a></dt> - <dd> - আপনার অ্যাড অন এর জাভাস্ক্রিপ্ট ডিবাগ করুন।</dd> - </dl> - </div> -</div> -<hr> -<h3 id="একসঙ্গে_নির্বাণ"><a name="putting-it-together"></a>একসঙ্গে নির্বাণ</h3> -<div class="column-container"> - <div class="column-half"> - <dl> - <dt> - <a href="/en-US/Add-ons/SDK/Tutorials/Annotator">ভাষ্যকার add-on </a></dt> - <dd> - একটি অপেক্ষাকৃত জটিল add-on এ walkthrough করা।</dd> - </dl> - </div> -</div> -<p> </p> diff --git a/files/bn/mozilla/add-ons/sdk/tutorials/installation/index.html b/files/bn/mozilla/add-ons/sdk/tutorials/installation/index.html deleted file mode 100644 index 496e6df0c2..0000000000 --- a/files/bn/mozilla/add-ons/sdk/tutorials/installation/index.html +++ /dev/null @@ -1,78 +0,0 @@ ---- -title: Installation -slug: Mozilla/Add-ons/SDK/Tutorials/Installation -tags: - - ইন্সটলেশন - - স্থাপন করা -translation_of: Mozilla/Add-ons/SDK/Tools/jpm#Installation ---- -<p id="Prerequisites">পূর্বশর্ত</p> -<p>Add-on SDK-র মাধ্যমে উন্নয়ন করতে চাইলে আপনের লাগবেঃ</p> -<ul> - <li><a href="http://www.python.org/">Python</a> 2.5, 2.6 or 2.7. বিঃদ্রঃ Version 3.x of Python কোন Platform এ গ্রহণযোগ্য হবে না।নিশ্চিত করেন যে Python আপনার গতিপথে আছে।</li> - <li>Firefox.</li> - <li>SDK নিজেঃ আপনি এসডিকের সর্বশেষ স্থায়ী সংস্করণ পেতে পারেন tarball অথবা zip file হিসেবে, অথবা আপনি সর্বশেষ উন্নয়ন সংস্করণ পেতে পারেন GitHub repository থেকে।যদি আপনি সর্বশেষ উন্নয়ন সংস্করণ ব্যবহার করে থাকেন, তবে আপনাকে অবশ্যই এটি ব্যবহার করতে হবে Nightly version of Firefox এর সাথে।</li> -</ul> -<h2 id="Git_Sources_থেকে_Extention_Building_করা_AMO_এর_জন্য">Git Sources থেকে Extention Building করা AMO এর জন্য</h2> -<p>শুধুমাত্র addon-sdk sources এর সর্বশেষ git release tag ব্যবহার করা যেতে পারে যদি AMO তে উপস্থাপন করা হয়।</p> -<p>The git archive command প্রয়োজন হয় git clone working directory এর কিছু git attribute placeholders বিশ্লেষণ করার জন্য।</p> -<pre>1 git checkout 1.16 -2 -3 git archive 1.16 python-lib/cuddlefish/_version.py | tar -xvf - -</pre> -<h2 id="FreeBSD_OS_X_Linux_এ_স্থাপন_করা">FreeBSD/ OS X / Linux এ স্থাপন করা</h2> -<p>যে স্থানটি আপনি নির্বাচন করেছেন সে স্থানের File Contents Extract করুন, এবং shell/command prompt এর মাধ্যমে SDK এর root directory navigate করুন। উদাহরণস্বরূপঃ</p> -<pre>1 tar -xf addon-sdk.tar.gz -2 cd addon-sdk -</pre> -<p>যদি আপনি Bash user হন তবে চালু করুন (অধিকাংশ মানুষ)</p> -<pre>source bin/activate -</pre> -<p>এবং আপনি যদি non-Bash user হন ,আপনার চালু করা উচিতঃ</p> -<pre>bash bin/activate -</pre> -<p><span id="result_box" lang="bn"><span class="hps">আপনার কমান্ড</span> <span class="hps">প্রম্পট</span> <span class="hps">এখন</span> <span class="hps">SDK এর</span> <span class="hps">মূল</span> <span class="hps">ডিরেক্টরির নাম</span> <span class="hps">ধারণকারী একটি</span> <span class="hps">নতুন</span> <span class="hps">উপসর্গ</span> <span class="hps">থাকতে হবে</span></span></p> -<pre>(addon-sdk)~/mozilla/addon-sdk > -</pre> -<h2 id="Homebrew_ব্যবহার_করে_Mac_Install_করা">Homebrew ব্যবহার করে Mac Install করা</h2> -<p>যদি আপনি Mac user হন তবে SDK install করতে আপনি Homebrew ব্যবহার করতে পারেন, নিম্নোক্ত নির্দেশ ব্যবহার করেঃ</p> -<pre>brew install mozilla-addon-sdk</pre> -<p>একবার সফলতার সাথে এটি সম্পূর্ণ হলে, আপনি cfx program আপনার command line এ ব্যবহার করতে পারেন যে কোন সময় । আপনার bin/activate চালু করার প্রয়োজন নেই।</p> -<h2 id="Windows_এ_install_করা">Windows এ install করা</h2> -<p>যে স্থানটি আপনি নির্বাচন করেছেন সে স্থানের File Contents Extract করুন, এবং shell/command prompt এর মাধ্যমে SDK এর root directory navigate করুন। উদাহরণস্বরূপঃ</p> -<pre>7z.exe x addon-sdk.zip -cd addon-sdk -</pre> -<p>তারপর চালু করুনঃ</p> -<pre>bin\activate -</pre> -<p><span id="result_box" lang="bn"><span class="hps">আপনার কমান্ড</span> <span class="hps">প্রম্পট</span> <span class="hps">এখন</span> <span class="hps">SDK এর</span> <span class="hps">এর</span> <span class="hps">রুট ডিরেক্টরি</span> <span class="hps">সম্পূর্ণ পাথ</span> <span class="hps">ধারণকারী একটি</span> <span class="hps">নতুন</span> <span class="hps">উপসর্গ</span> <span class="hps">থাকতে হবে</span></span> :</p> -<pre>(C:\Users\mozilla\sdk\addon-sdk) C:\Users\Work\sdk\addon-sdk> -</pre> -<h2 id="সক্রিয়_করা"> সক্রিয় করা</h2> -<p>সক্রিয় কমান্ড কিছু environment variables set করে যেটা SDK এর জন্য প্রয়োজন। এটি শুধুমাত্র variables set করে current command prompt এর জন্য। <code>যদি আপনি নতুন command prompt </code><code>চালু করেন,</code>SDK নতুন prompt এ সক্রিয় হতে পারবে না যতক্ষণ না পর্যন্ত আপনি activate type না করেন।</p> -<p>এটা মানে হল আপনার SDK এর অনেক কপি আপনার disk এর বিভিন্ন স্থানে থাকতে পারে এবং তাদের মধ্যে switch থাকতে পারে, <span id="result_box" lang="bn"><span class="hps">অথবা এমনকি তাদের</span> <span class="hps">উভয়ে</span> <span class="hps">একই সময়ে বিভিন্ন</span> <span class="hps">কমান্ড লিখতে </span><span class="hps">সক্রিয়</span> <span class="hps">থাকে।</span></span></p> -<h3 id="সক্রিয়করণ_স্থায়ী_করা">সক্রিয়করণ স্থায়ী করা</h3> -<p>এই variables গুলো আপনার পরিমণ্ডলে set করলে আপনার সকল নতুন prompt তাদের নির্ণয় করে ফেলবে, আপনি সক্রিয়করণকে স্থায়ী করতে পারবেন। <span id="result_box" lang="bn"><span class="hps">তারপর আপনি</span> <span class="hps">একটি নতুন কমান্ড</span> <span class="hps">প্রম্পট</span> <span class="hps">খুলুন</span> <span class="hps">প্রত্যেক সময়</span> <span class="hps">সক্রিয়</span> <span class="hps">টাইপ</span> <span class="hps">করার প্রয়োজন হবে না</span><span>।</span></span></p> -<p>কারন নতুন মুক্তিপ্রাপ্ত SDK এর সাথে সঠিক variables set পরিবর্তন হতে পারে,activation scripts পড়া উচিত কোন variables set করা প্রয়োজন তা ঠিক করার জন্য। সক্রিয়করণ ব্যবহার করে বিভিন্ন Scripts এবং sets করে বিভিন্ন variables bash environment এর জন্য (Linux and OS X) এবং Windows environments এর জন্য।</p> -<h4 id="Windows">Windows</h4> -<p>Windows এ, <code>bin\activate</code> uses <code>activate.bat</code>, এবং আপনি command line ব্যবহার করে <code>setx</code> tool or the Control Panel সক্রিয়করণ স্থায়ী করতে পাড়েন।</p> -<h4 id="Linux_OS_X">Linux / OS X</h4> -<p>Linux and OS X এ, <code>source bin/activate</code> <code>activate</code> bash script ব্যবহার করে, এবং আপনি সক্রিয়করণ স্থায়ী করতে পারবেন <code>~/.bashrc</code> (on Linux) or <code>~/.bashprofile</code> (on OS X) ব্যবহার করে।</p> -<p>এটির পরিবর্তে আপনার directory তে আপনি cfx program এ সাংকেতিক চিহ্ন তৈরি করতে পারেনঃ</p> -<p> </p> -<pre>ln -s PATH_TO_SDK/bin/cfx ~/bin/cfx -</pre> -<p>SDK install করার করার জন্য যদি আপনি Homebrew ব্যবহার করেন,environment variables আপনার জন্য স্থায়ীভাবে স্থাপন হয়ে থাকবে।</p> -<h2 id="বৈধতা_পরীক্ষা">বৈধতা পরীক্ষা</h2> -<p>আপনার shell prompt এর মাধ্যমে চালু করেনঃ</p> -<pre>cfx -</pre> -<p>এটির নির্গমন এমন হতে হবে যে এটির প্রথম লাইন দেখতে এটির মত,অনেক লাইন তথ্য অনুসরণ করেঃ</p> -<pre>Usage: cfx [options] [command] -</pre> -<p>এটি হয় <a href="/en-US/Add-ons/SDK/Tools/cfx"><code>cfx</code> command-line program</a>। এটি আপনার Add-on SDK এর প্রাথমিক interface। Firefox চালাতে আপনি এটি ব্যবহার করেন এবং আপনার add-on পরীক্ষা করেন, আপনার add-on package করুন বিতরণ করার জন্য, দলিল পরিদর্শন করুন এবং unit tests চালু করুন</p> -<h2 id="সমস্যাসমূহ">সমস্যাসমূহ ?</h2> -<p><a href="https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Troubleshooting">Troubleshooting</a> page এ চেষ্টা করুন।</p> -<h2 id="পরবর্তী_পদক্ষেপ">পরবর্তী পদক্ষেপ</h2> -<p>পরবর্তীতে <a href="/en-US/Add-ons/SDK/Tutorials/Getting_Started_With_cfx">Getting Started With cfx</a> tutorial দেখুন,সেখানে <span class="gt-card-ttl-txt" style="direction: ltr;">ব্যাখ্যা করা আছে যে কেমন করে</span> <code>cfx</code> tool ব্যবহার করে add-ons তৈরি করা যায়।</p> diff --git a/files/bn/mozilla/add-ons/sdk/tutorials/logging/index.html b/files/bn/mozilla/add-ons/sdk/tutorials/logging/index.html deleted file mode 100644 index 3e67bdd732..0000000000 --- a/files/bn/mozilla/add-ons/sdk/tutorials/logging/index.html +++ /dev/null @@ -1,38 +0,0 @@ ---- -title: লগিং -slug: Mozilla/Add-ons/SDK/Tutorials/Logging -translation_of: Archive/Add-ons/Add-on_SDK/Tutorials/Logging ---- -<div class="note"> - To follow this tutorial you'll need to have <a href="/en-US/Add-ons/SDK/Tutorials/Installation">installed the SDK</a> and learned the <a href="/en-US/Add-ons/SDK/Tutorials/Getting_Started_With_cfx">basics of <code>cfx</code></a>.</div> -<p> <a href="https://developer.mozilla.org/en/DOM/console">ডম<code> কনসোল অবজেক্ট</code> </a> জাভাস্ক্রিপ্ট ডিবাগ করার জন্য ব্যবহৃত হয়। কারণ ডম অবজেক্ট গুলো মেইন অ্যাড-অন কোডে পাওয়া যায় না । SDK এর নিজেস্ব গ্লোবাল কনসোল অবজেক্ট আছে যার অধিকাংশ মেথড ডম কনসোল এর মত , যার মধ্যে আছে লগ এরর, ওয়ার্নিং অথবা ইনফরমেশনাল ম্যাসেজ। কনসোল এ এক্সেস করার জন্য আপনার কোন কিছুর প্রয়োজন<code>()নেই।</code> এটি automatically আপনার জন্য দেয়া আছে ।</p> -<p>The <code>console.log()</code> method prints an informational message:</p> -<pre class="brush: js">console.log("Hello World"); -</pre> -<p>Try it out:</p> -<ul> - <li>create a new directory, and navigate to it</li> - <li>execute <code>cfx init</code></li> - <li>open "lib/main.js" and add the line above</li> - <li>execute <code>cfx run</code>, then <code>cfx run</code> again</li> -</ul> -<p>Firefox will start, and the following line will appear in the command window you used to execute <code>cfx run</code>:</p> -<pre>info: Hello World! -</pre> -<h2 id="console_in_Content_Scripts"><code>console</code> in Content Scripts</h2> -<p>You can use the console in <a href="/en-US/Add-ons/SDK/Guides/Content_Scripts">content scripts</a> as well as in your main add-on code. The following add-on logs the HTML content of every tab the user loads, by calling <code>console.log()</code> inside a content script:</p> -<pre class="brush: js">require("sdk/tabs").on("ready", function(tab) { - tab.attach({ - contentScript: "console.log(document.body.innerHTML);" - }); -}); -</pre> -<h2 id="console_Output"><code>console</code> Output</h2> -<p>If you are running your add-on from the command line (for example, executing <code>cfx run</code> or <code>cfx test</code>) then the console's messages appear in the command shell you used.</p> -<p>If you've installed the add-on in Firefox then the messages appear in Firefox's <a href="/en-US/docs/Tools/Browser_Console">Browser Console</a>.</p> -<p>But note that <strong>by default, calls to <code>console.log()</code> will not result in any output in the Error Console for any installed add-ons</strong>: this includes add-ons installed using the Add-on Builder or using tools like the <a href="https://addons.mozilla.org/en-US/firefox/addon/autoinstaller/">Extension Auto-installer</a>.</p> -<p>See <a href="/en-US/Add-ons/SDK/Tools/console#Logging_Levels">"Logging Levels"</a> in the console reference documentation for more information on this.</p> -<h2 id="Disabling_strict_mode">Disabling strict mode</h2> -<p class="note">By default, <code>cfx</code> enables JavaScript strict mode, which will cause a lot of JavaScript warnings to be logged to the console. If this makes it harder to interpret logging output, you can disable strict mode by opening the file at python-lib/cuddlefish/prefs.py and setting "javascript.options.strict" to <code>False</code>.</p> -<h2 id="Learning_More">Learning More</h2> -<p>For the complete <code>console</code> API, see its <a href="/en-US/Add-ons/SDK/Tools/console">API reference</a>.</p> diff --git a/files/bn/mozilla/add-ons/sdk/tutorials/unit_testing/index.html b/files/bn/mozilla/add-ons/sdk/tutorials/unit_testing/index.html deleted file mode 100644 index 1f7ad87c4d..0000000000 --- a/files/bn/mozilla/add-ons/sdk/tutorials/unit_testing/index.html +++ /dev/null @@ -1,114 +0,0 @@ ---- -title: ইউনিট টেস্টিং -slug: Mozilla/Add-ons/SDK/Tutorials/Unit_testing -translation_of: Archive/Add-ons/Add-on_SDK/Tutorials/Unit_testing ---- -<div class="note"> - <p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এই tutorial আপনার থাকতে দরকার হবে অনুসরন করতে</span><span> <a href="/en-US/Add-ons/SDK/Tutorials/Installation">installed the SDK</a>, </span><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">জ্ঞানী </span><span><a href="/en-US/Add-ons/SDK/Tutorials/Getting_Started_With_cfx">basics of <code>cfx</code></a>, </span><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">আর অনুসরন করা tutorial</span><span> <a href="/en-US/Add-ons/SDK/Tutorials/Creating_reusable_modules">writing reusable modules</a>.</span></p> -</div> -<div class="note"> - <p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">যদি আপনি ব্যবহার করতেন</span> <a href="/en-US/Add-ons/SDK/Tools/jpm">jpm</a> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">cfx বদলে, cfx থেকে স্থানান্তর করতে গাইড দেখে</span>, in particular <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">সেকশান</span> <a href="/en-US/Add-ons/SDK/Tools/cfx_to_jpm#Requiring_modules_from_test_code">loading modules from test code</a>.</p> -</div> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">sdk দেয় একটি কাঠামো সাহায্য করতে বানায় আর আপনার কোড-এর জন্য অংশ পরীক্ষা দৌড়ায়</span>. <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এটা হাতেকলমে দেখাতে কাজ করে আমরা একটি সাদাসিধে-এর জন্য কিছু অংশ পরীক্ষা লিখব</span> <a href="http://en.wikipedia.org/wiki/Base64">Base64</a> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">মডিউল সঙ্কেতাক্ষরে লিখতে</span>.</p> -<h2 id="একটি_সাদাসিধে_base64_মডিউল"><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">একটি সাদাসিধে base64 মডিউল</span></h2> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">একটি ওয়েব পাতায়, আপনি base64 সম্পাদন করতে পারেন ( -rrb- আর atob -lrb- ) কাজ ব্যবহার সঙ্কেতাক্ষরে লিখতে আর btoa ব্যবহার করা সন্কেত উদঘাটন করতে।</span><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">দুর্ভাগ্যক্রমে এই কাজ ব্যবহার জানালা জিনিষে সংযুক্ত করা হয়: যেহেতু এই জিনিষ না উপস্থিত আপনার প্রধান add-on কোডে, atob ( -rrb- আর btoa -lrb- ) নেই উপস্থিত either।</span> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">তাই আমরা একটি base64 মডিউল বানাবো প্ল্যাটফর্ম থেকে এই কাজ ব্যবহার অনাবৃত করতে।</span></p> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">শুরুতে, একটি নতুন ডিরেক্টরি বানাতে, এটায় পথ খোঁজতে, আর cfx init দৌড়াতে।</span> Now create a new file in "lib" called "base64.js", and give it the following contents:<span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এখন `` libে '' `` "base64.js" ডাকা একটি নতুন ফাইল বানান।</span></p> -<pre class="brush: js">const { atob, btoa } = require("chrome").Cu.import("resource://gre/modules/Services.jsm", {}); - -exports.atob = a => atob(a); -exports.btoa = b => btoa(b); </pre> -<p><code><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এই কোড দুটো কাজ ব্যবহার, যা মাত্র প্ল্যাটফর্ম-এর btoa ডাকে রপ্তানি করে</span>()</code> and <code>atob()</code> functions. <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">ব্যবহারে মডিউল দেখাতে, সম্পাদন করতে</span> "main.js"<span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">দাখিল করুন যেহেতু এটি অনুসরন করে:</span></p> -<pre class="brush: js">var base64 = require("./base64"); - -var button = require("sdk/ui/button/action").ActionButton({ - id: "base64", - label: "base64", - icon: "./icon-16.png", - onClick: function() { - encoded = base64.btoa("hello"); - console.log(encoded); - decoded = base64.atob(encoded); - console.log(decoded); - } -});</pre> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">আপনার add-ons `` ডাটা '' ডিরেক্টরিতে বাঁচাতে </span><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;"> উপরন্তু দৃষ্টান্ত একটি প্রতিমা উল্লেখ করে `` icon-16 দাখিল করে থাকতে হবে। । আপনি এই প্রতিমা ডাউনলোড করতে পারতেন:</span> <img alt="" src="https://mdn.mozillademos.org/files/7661/icon-16.png" style="width: 16px; height: 16px;">.</p> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এখন</span> "main.js" <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">আমদানি base64 মডিউল আর ডাক এটার দুটো exported কাজ ব্যবহার।</span></p> -<table style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 12px; line-height: normal; overflow: auto; width: 400px; height: 40px;"> - <tbody> - <tr> - <td><span style="font-size: 16px;">যদি আমরা add-on দৌড়াতাম আর বাটন ক্লিক করি, আমরা অনুসরন করা লগ করা আউটপুট দেখা উচিত</span></td> - </tr> - </tbody> -</table> -<p>:</p> -<pre>info: aGVsbG8= -info: hello -</pre> -<h2 id="পরীক্ষা_করে_base64_মডিউল"><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">পরীক্ষা করে base64 মডিউল</span></h2> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">navigate এ্যাডঅন-এর-এর</span> <code>test</code> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">directory আর delete</span> <code>test-main.js</code> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">ফাইল</span>. <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এটার জায়গায় বানান একটি ফাইল যা ডাকা হলো</span> <code>test-base64.js</code> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">অনুসরন করা অভ্যন্তরস্থ বস্তু-এর সাথে</span>:</p> -<pre class="brush: js">var base64 = require("./base64"); - -exports["test atob"] = function(assert) { - assert.ok(base64.atob("aGVsbG8=") == "hello", "atob works"); -} - -exports["test btoa"] = function(assert) { - assert.ok(base64.btoa("hello") == "aGVsbG8=", "btoa works"); -} - -exports["test empty string"] = function(assert) { - assert.throws(function() { - base64.atob(); - }, - "empty string check works"); -} - -require("sdk/test").run(exports); </pre> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এটা দাখিল করে</span>: <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">রপ্তানি করে তিন কাজ ব্যবহার, যার each একটি একাকী যুক্তি পেতে আশা করে যা হচ্ছে একটি</span> <code>assert</code> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">জিনিষ</span>. <code>assert</code> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">যোগান দেয়া হয়</span> <a href="/en-US/Add-ons/SDK/Low-Level_APIs/test_assert"><code>test/assert</code></a> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">module আর বাস্তবায়িত করে</span><a href="http://wiki.commonjs.org/wiki/Unit_Testing/1.1">CommonJS Unit Testing specification</a>.</p> -<ul> - <li> - <p><code><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">প্রথম দুটো কাজ ব্যবহার atob ডাকে</span>()</code> <code><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">আর btoa</span>()</code> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">আর ব্যবহার</span> <a href="/en-US/Add-ons/SDK/Low-Level_APIs/test_assert#ok(guard.2C_message)"><code>assert.ok()</code></a> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">যাচাই করতে যে হচ্ছে as আশা করা আউটপুট।</span></p> - </li> - <li> - <p><code><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">দ্বিতীয় কাজ ব্যবহার একটি খালি সূতা পাশ করতে দ্বারা মডিউল-এর error-handling কোড পরীক্ষা করে</span>atob()</code> <code><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">আর ব্যবহার করতে</span><a href="/en-US/Add-ons/SDK/Low-Level_APIs/test_assert#throws(block.2C_error.2C_message)">assert.throws()</a></code> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">যাচাই করতে যে ওঠানো হয় প্রত্যাশিত ব্যতিক্রম।</span></p> - </li> -</ul> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এই মুহূর্তে আপনার add-on ought এই মত দেখতে:</span></p> -<pre> /base64 - package.json - README.md - /doc - main.md - /lib - main.js - base64.js - /test - test-base64.js -</pre> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এখন cfx নির্বাহ করুন-- এ্যাডঅন-এর মূল ডিরেক্টরি থেকে verbose পরীক্ষা করুন। আপনি এখন এর মত কিছু দেখা পাবেন:</span></p> -<pre>Running tests on Firefox 13.0/Gecko 13.0 ({ec8030f7-c20a-464f-9b0e-13a3a9e97384}) under darwin/x86. -info: executing 'test-base64.test atob' -info: pass: atob works -info: executing 'test-base64.test btoa' -info: pass: btoa works -info: executing 'test-base64.test empty string' -info: pass: empty string check works - -3 of 3 tests passed. -Total time: 5.172589 seconds -Program terminated successfully. -</pre> -<table style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 12px; line-height: normal; overflow: auto; width: 400px; height: 40px;"> - <tbody> - <tr> - <td><span style="font-size: 16px;">কি ঘটে এখানে হচ্ছে সে cfx পরীক্ষা</span></td> - </tr> - </tbody> -</table> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">যোজক চিহ্ন নোট করুন</span><span> "test" </span><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">module নামে।</span><span> <code>cfx test</code></span><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">will অন্তর্ভুক্ত করে একটি মডিউল যা ডাকা হলো</span><span> "test-myCode.js", </span><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">কিন্তু, অভিলাষ মডিউল ছাঁটাই করে যা ডাকা হলো</span><span> "test_myCode.js" or "testMyCode.js".</span></p> -<ul> - <li><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">পরীক্ষা ডিরেক্টরিতে রূপ আপনার প্যাকেজ-এর</span></li> - <li><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">যেকোনো মডিউল যার নাম শব্দ পরীক্ষার সাথে শুরু করে loads-</span></li> - <li><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">প্রত্যেক exported কাজ ব্যবহার যার নাম শুরু করে calls</span>"test", <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এটা একটি পাশ করতে</span> <a href="/en-US/Add-ons/SDK/Low-Level_APIs/test_assert#Assert"><code>assert</code></a> <span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">এটার একমাত্র যুক্তি হিসেবে আপত্তি করুন।</span></li> -</ul> -<p><span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 16px; line-height: normal;">স্পষ্টত, আপনার-- verbose অপশন পাশ করতে cfx যদি আপনি চাইতেন না হবে না; এত মাত্র করতে আউটপুট আরো সহজ পড়তে বানায়।</span></p> |