Merge pull request #187 from msisaifu/node-properties

jaamaalxyz · web-flow · commit 8dd2bccc5d97 · 2023-06-18T21:38:24.000+06:00
Node properties: type, tag and contents
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/solution.md b/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/solution.md
@@ -1,8 +1,8 @@
-There's a catch here.
+এখানে লক্ষ্য করুন।
 
-At the time of `<script>` execution the last DOM node is exactly `<script>`, because the browser did not process the rest of the page yet.
+`<script>` টি যখন এক্সিকিউশন হবে শেষ DOM নোডটি হবে `<script>`, কেননা ব্রাউজার সম্পূর্ন পেজটি এক্সিকিউট হয়নি।
 
-So the result is `1` (element node).
+সুতরাং ফলাফল দেখাবে `1` (এলিমেন্ট নোড)।
 
 ```html run height=60
 <html>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/task.md b/2-ui/1-document/05-basic-dom-node-properties/2-lastchild-nodetype-inline/task.md
@@ -2,9 +2,9 @@ importance: 5
 
 ---
 
-# What's in the nodeType?
+# এটি কি ধরণের নোডটাইপ?
 
-What does the script show?
+স্ক্রিপ্টটি কি দেখাবে?
 
 ```html
 <html>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.md b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/solution.md
@@ -1,14 +1,14 @@
-Let's make a loop over `<li>`:
+প্রথমে `<li>` এর কালেকশনটি নেয়:
 
 ```js
 for (let li of document.querySelectorAll('li')) {
   ...
 }
 ```
 
-In the loop we need to get the text inside every `li`.
+লুপের মধ্যে আমাদের প্রতিটি `li` এর টেক্সট নেয়া লাগবে।
 
-We can read the text from the first child node of `li`, that is the text node:
+আমরা `li` এর প্রথম নোডটি থেকে নোড এর কন্টেন্ট পাব, যা হল টেক্সট নোড:
 
 ```js
 for (let li of document.querySelectorAll('li')) {
@@ -18,4 +18,4 @@ for (let li of document.querySelectorAll('li')) {
 }
 ```
 
-Then we can get the number of descendants as `li.getElementsByTagName('li').length`.
+এরপর আমরা এভাবে সর্বমোট চাইল্ডনোড সমূহ পাব `li.getElementsByTagName('li').length`।
diff --git a/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/task.md b/2-ui/1-document/05-basic-dom-node-properties/2-tree-info/task.md
@@ -4,11 +4,11 @@ importance: 5
 
 # Count descendants
 
-There's a tree structured as nested `ul/li`.
+একটি নেস্টেড ট্রি স্ট্রাকচার্ড আছে `ul/li`।
 
-Write the code that for each `<li>` shows:
+একটি কোড লিখুন যা প্রতিটি `<li>` এর কন্টেন্ট কে দেখাবে:
 
-1. What's the text inside it (without the subtree)
-2. The number of nested `<li>` -- all descendants, including the deeply nested ones.
+1. ভিতরের টেক্সটটি দেখাবেন (সাবট্রি ব্যতীত)
+2. `<li>` -- এর মধ্যে সর্বমোট ডিপ নেস্টেড সহ কতটি নেস্টেড এলিমেন্ট আছে?
 
 [demo src="solution"]
diff --git a/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md b/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/solution.md
@@ -1,4 +1,4 @@
-The answer: **`BODY`**.
+এটি দেখাবে: **`BODY`**।
 
 ```html run
 <script>
@@ -10,8 +10,8 @@ The answer: **`BODY`**.
 </script>
 ```
 
-What's going on step by step:
+এখানে কি হচ্ছে তা ধাপে ধাপে দেখি:
 
-1. The content of `<body>` is replaced with the comment. The comment is `<!--BODY-->`, because `body.tagName == "BODY"`. As we remember, `tagName` is always uppercase in HTML.
-2. The comment is now the only child node, so we get it in `body.firstChild`.
-3. The `data` property of the comment is its contents (inside `<!--...-->`): `"BODY"`.
+1. `<body>` এর কন্টেন্টটি কমেন্ট দ্বারা প্রতিস্থাপিত হবে। কমেন্টটি হল `<!--BODY-->`, কেননা `body.tagName == "BODY"`। এবং আমরা জানি, `tagName` সর্বদা বড়হাতের হয়।
+2. কমেন্টটি হল একমাত্র চাইল্ড নোড, সুতরাং আমরা একে `body.firstChild` প্রপার্টিতে পাব।
+3. কমেন্ট এর কন্টেন্ট হল `"BODY"` যা আমরা `data` প্রপার্টিতে পাব।
diff --git a/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/task.md b/2-ui/1-document/05-basic-dom-node-properties/3-tag-in-comment/task.md
@@ -4,7 +4,7 @@ importance: 3
 
 # Tag in comment
 
-What does this code show?
+কোডটি কি দেখাবে?
 
 ```html
 <script>
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/solution.md
@@ -1,40 +1,40 @@
 
-We can see which class it belongs by outputting it, like:
+আমরা এভাবে এর ক্লাস নামটি দেখতে পারি:
 
 ```js run
 alert(document); // [object HTMLDocument]
 ```
 
-Or:
+অথবা:
 
 ```js run
 alert(document.constructor.name); // HTMLDocument
 ```
 
-So, `document` is an instance of `HTMLDocument` class.
+সুতরাং, `document` হল `HTMLDocument` ক্লাসের ইন্সট্যান্স।
 
-What's its place in the hierarchy?
+চলুন হায়ার্য়াকি অনুযায়ী আরো বিস্তারিত দেখি
 
-Yeah, we could browse the specification, but it would be faster to figure out manually.
+আমরা স্পেসিফিকেশন দেখে এই ব্যাপারে জানতে পারি, কিন্তু আমরা কোড করেও এর বিস্তারিত দেখতে পারি।
 
-Let's traverse the prototype chain via `__proto__`.
+চলুন আমরা `__proto__` প্রটোটাইপ চেইন ট্রাভার্স করি।
 
-As we know, methods of a class are in the `prototype` of the constructor. For instance, `HTMLDocument.prototype` has methods for documents.
+আমরা জানি, ক্লাসের মেথডসমূহ `prototype` দ্বারা constructor কে নির্দেশিত করে। যেমন, `HTMLDocument.prototype` এ ডকুমেন্ট এর মেথড আছে।
 
-Also, there's a reference to the constructor function inside the `prototype`:
+এছাড়াও, `prototype` এর constructor এ এর উল্লেখ আছে:
 
 ```js run
 alert(HTMLDocument.prototype.constructor === HTMLDocument); // true
 ```
 
-To get a name of the class as a string, we can use `constructor.name`. Let's do it for the whole `document` prototype chain, till class `Node`:
+ক্লাস নামটিকে কে আমরা স্ট্রিং আকারে পেতে, `constructor.name` ব্যবহার করতে পারি। চলুন আমরা `document` এর প্রটোটাইপ চেইন ট্রাভার্স করি, যতক্ষণ পর্যন্ত `Node` ক্লাসটি না পায়:
 
 ```js run
 alert(HTMLDocument.prototype.constructor.name); // HTMLDocument
 alert(HTMLDocument.prototype.__proto__.constructor.name); // Document
 alert(HTMLDocument.prototype.__proto__.__proto__.constructor.name); // Node
 ```
 
-That's the hierarchy.
+এটিই document এর হায়ার্য়াকি।
 
-We also could examine the object using `console.dir(document)` and see these names by opening `__proto__`. The console takes them from `constructor` internally.
+আমরা `console.dir(document)` এর সাহায্যেও দেখতে পারি, এবং `__proto__` তে ক্লিক করে প্রত্যেকটির নাম দেখতে পাব। কনসোল ইন্টার্নালি `constructor` সমূহ নেয়।
diff --git a/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md b/2-ui/1-document/05-basic-dom-node-properties/4-where-document-in-hierarchy/task.md
@@ -2,10 +2,10 @@ importance: 4
 
 ---
 
-# Where's the "document" in the hierarchy?
+# "document" এর হায়ার্য়াকি
 
-Which class does the `document` belong to?
+`document` কোন ক্লাসের অন্তর্গত?
 
-What's its place in the DOM hierarchy?
+DOM হায়ার্য়াকি তে এর অবস্থান কি?
 
-Does it inherit from `Node` or `Element`, or maybe `HTMLElement`?
+এটি কি `Node` বা `Element`, অথবা `HTMLElement` কে ইনহেরিট করে?
diff --git a/2-ui/1-document/05-basic-dom-node-properties/article.md b/2-ui/1-document/05-basic-dom-node-properties/article.md
