Add Bangla translation of General and HTML question

Author: moshiurse

src/_data/translations.json

@@ -5,6 +5,10 @@
       "language": "Arabic",
       "url": "arabic/"
     },
+    {
+      "language": "Bangla",
+      "url": "bengali/"
+    },
     {
       "language": "Bulgarian",
       "url": "bulgarian/"

src/translations/bengali/README.md

@@ -0,0 +1,215 @@
+---
+title: ফ্রন্ট এন্ড ডেভেলপার ইন্টারভিউ প্রশ্নাবলী
+layout: layouts/page.njk
+permalink: /translations/bengali/index.html
+---
+
+
+## <a name='toc'>Table of Contents</a>
+
+1. [সাধারন প্রশ্ন](#general)
+1. [ এইচটিএমএল প্রশ্ন](#html)
+1. [সিএসএস প্রশ্ন](#css)
+1. [জাভাস্ক্রিপ্ট প্রশ্ন](#js)
+1. [টেস্টিং প্রশ্ন](#testing)
+1. [পারফরম্যান্স প্রশ্ন](#performance)
+1. [নেটওয়ার্ক প্রশ্ন](#network)
+1. [ মজার প্রশ্ন](#fun)
+
+
+#### [[⬆]](#toc) <a name='general'>সাধারন প্রশ্ন:</a>
+
+* আপনি গতকাল বা এই সপ্তাহে কি শিখেছেন?
+* কোন জিনিশ আপনাকে কোডিং সম্পর্কে আপনি উত্তেজিত বা আগ্রহী করেছে?
+* আপনি সাম্প্রতিক কোন টেকনিক্যাল চ্যালেঞ্জটি অনুভব করেছেন এবং আপনি কীভাবে এটি সমাধান করেছেন?
+* একটি নতুন সাইট তৈরি করার সময় বা একটি মেইন্টেইন করার সময়, আপনি পারফরম্যান্স বাড়ানোর জন্য ব্যবহার করেছেন এমন কিছু কৌশল ব্যাখ্যা করতে পারেন?
+* আপনি কি ইদানীং ব্যবহার করেছেন এমন কিছু এসইও এর বেস্ট প্র্যাকটিস বা কৌশল বর্ণনা করতে পারেন?
+* ফ্রন্ট-এন্ড এর সিকিউরিটির বিষয়ে আপনি কি কোন সাধারণ কৌশল বা সাম্প্রতিক সমস্যার সমাধান ব্যাখ্যা করতে পারেন?
+* আপনার কোডের রক্ষণাবেক্ষণযোগ্যতা বাড়ানোর জন্য আপনি ব্যক্তিগতভাবে সাম্প্রতিক প্রকল্পগুলিতে কী পদক্ষেপ নিয়েছেন?
+* আপনার পছন্দের ডেভেলপমেন্ট এনভারনমেন্ট সম্পর্কে বলুন।
+* আপনি কোন ভার্সন কন্ট্রোল সিস্টেমের সাথে পরিচিত?
+* আপনি একটি ওয়েব পেইজে তৈরি করার সময় আপনার ওয়ার্কফ্লো বর্ণনা করতে পারেন?
+* আপনার যদি 5টি ভিন্ন স্টাইলশীট থাকে, তাহলে আপনি কীভাবে সেগুলিকে সাইটের সাথে ইনেটেগ্রেট করবেন?
+* আপনি কি প্রগ্রেসিভ এনহাঞ্চমেন্ট এবং গ্রেসফুল ডিগ্রেডেশন মধ্যে পার্থক্য বর্ণনা করতে পারেন?
+* আপনি কিভাবে একটি ওয়েবসাইটের এসেট/ রিসোর্স অপ্টিমাইজ করবেন?
+* একটি ব্রাউজার একটি ডোমেন থেকে একবারে কতগুলি রিসোর্স ডাউনলোড করবে?
+  * ব্যতিক্রম কি?
+* পেজ লোড কমানোর ৩টি উপায়ের নাম দিন (অনুভূত বা প্রকৃত লোডের সময়)।
+* আপনি যদি একটি প্রকল্পে কাজ করেন যেখানে অন্যরা ট্যাব ব্যবহার করেন এবং আপনি স্পেস ব্যবহার করেন, আপনি কী করবেন?
+* আপনি কীভাবে একটি সিম্পল স্লাইডশো পেইজ তৈরি করবেন তা বর্ণনা করুন।
+* আপনি যদি এই বছরে একটি টেকনোলজি তে মাস্টার হতে চান তবে এটি কী হবে?
+* স্ট্যান্ডার্ড ও স্ট্যান্ডার্ড বডির গুরুত্ব ব্যাখ্যা করুন।
+* ফ্ল্যাশ অফ আনস্টাইলড কন্টেন্ট কি? আপনি কিভাবে এটি এড়াবেন?
+* এরিয়া এবং স্ক্রিনরিডারগুলি কী এবং কীভাবে একটি ওয়েবসাইট অ্যাক্সেসযোগ্য করা যায় তা ব্যাখ্যা করুন৷
+* সিএসএস অ্যানিমেশন বনাম জাভাস্ক্রিপ্ট অ্যানিমেশনের জন্য কিছু সুবিধা এবং অসুবিধা ব্যাখ্যা করুন।
+* CORS মানে কি এবং এটি কোন সমস্যা কে পয়েন্ট করে?
+* আপনি কিভাবে আপনার বস বা আপনার সহযোগীর সাথে একটি মতবিরোধ হ্যান্ডেল করেছেন?
+* ফ্রন্ট এন্ড ডেভেলপমেন্ট এবং ডিজাইনের লেটেস্ট বিষয়ে জানতে আপনি কোন রিসোর্স ব্যবহার করেন?
+* একজন ভালো ফ্রন্ট-এন্ড ডেভেলপার হতে কী কী দক্ষতা প্রয়োজন?
+* আপনি নিজেকে কোন রোলে দেখেন?
+* কুকিজ, সেশন স্টোরেজ এবং লোকাল স্টোরেজের মধ্যে পার্থক্য ব্যাখ্যা করুন?
+* যখন আপনি ব্রাউজারে একটি URL প্রবেশ করেন তখন কী ঘটে?
+* SSR ও CSR এর মধ্যে পার্থক্য বর্ণনা করুন, ভালো-মন্দ আলোচনা করুন।
+  * আপনি স্ট্যাটিক রেন্ডারিং এর সঙ্গে পরিচিত?
+  * রিহাইড্রেশন?
+
+#### [[⬆]](#toc) <a name='html'>HTML Questions:</a>
+
+* `ডকটাইপ` কি করে?
+* আপনি কীভাবে একাধিক ভাষায় কন্টেন্ট সহ একটি পেইজ সার্ভ করবেন?
+* মাল্টিল্যাঙ্গুয়াল সাইটগুলির জন্য ডিজাইন বা ্ডেভেলপ করার সময় আপনাকে কী ধরণের বিষয়ে সতর্ক থাকতে হবে?
+* ডেটা-এট্রিবিউট কীসের জন্য ভাল?
+* HTML5 কে একটি ওপেন ওয়েব প্ল্যাটফর্ম হিসাবে বিবেচনা করুন। HTML5 এর বিল্ডিং ব্লক কি কি?
+* কুকি, সেশন স্টোরেজ এবং লোকাল স্টোরেজের মধ্যে পার্থক্য বর্ণনা করুন।
+* `<script>`, `<script async>` এবং `<script defer>` এর মধ্যে পার্থক্য বর্ণনা করুন।
+* কেন সাধারণত CSS <link>গুলিকে head এবং JS কে body এর মধ্যে অবস্থান করা একটি ভাল ধারণা? আপনি কোন ব্যতিক্রম জানেন?
+* প্রগ্রেসিভ রেন্ডারিং কি?
+* কেন আপনি একটি ইমেজ ট্যাগে একটি srcset এট্রিবিউট ব্যবহার করবেন? এই এট্রিবিউট ইভ্যালুয়েট করার সময় ব্রাউজার যে প্রক্রিয়াটি ব্যবহার করে তা ব্যাখ্যা করুন।
+* আপনি কি আগে ভিন্ন HTML টেমপ্লেটিং ভাষা ব্যবহার করেছেন?
+* ক্যানভাস এবং এসভিজির মধ্যে পার্থক্য কী?
+* HTML এ খালি ইলিমেন্টস কি?
+
+
+#### [[⬆]](#toc) <a name='css'>CSS Questions:</a>
+
+* What is CSS selector specificity and how does it work?
+* What is the difference between "resetting" and "normalizing" CSS? Which would you choose, and why?
+* Describe Floats and how they work.
+* Describe z-index and how stacking context is formed.
+* Describe BFC (Block Formatting Context) and how it works.
+* What are the various clearing techniques and which is appropriate for what context?
+* How would you approach fixing browser-specific styling issues?
+* How do you serve your pages for feature-constrained browsers?
+  * What techniques/processes do you use?
+* What are the different ways to visually hide content (and make it available only for screen readers)?
+* Have you ever used a grid system, and if so, what do you prefer?
+* Have you used or implemented media queries or mobile specific layouts/CSS?
+* Are you familiar with styling SVG?
+* Can you give an example of an `@media` property other than `screen`?
+* What are some of the "gotchas" for writing efficient CSS?
+* What are the advantages/disadvantages of using CSS preprocessors?
+  * Describe what you like and dislike about the CSS preprocessors you have used.
+* How would you implement a web design comp that uses non-standard fonts?
+* Explain how a browser determines what elements match a CSS selector.
+* Describe pseudo-elements and discuss what they are used for.
+* Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
+* What does ```* { box-sizing: border-box; }``` do? What are its advantages?
+* What is the CSS `display` property and can you give a few examples of its use?
+* What is the difference between inline and inline-block?
+* What is the difference between the "nth-of-type()" and "nth-child()" selectors?
+* What is the difference between a relative, fixed, absolute and statically positioned element?
+* What existing CSS frameworks have you used locally, or in production? How would you change/improve them?
+* Have you used CSS Grid?
+* Can you explain the difference between coding a web site to be responsive versus using a mobile-first strategy?
+* Have you ever worked with retina graphics? If so, when and what techniques did you use?
+* Is there any reason you'd want to use `translate()` instead of *absolute positioning*, or vice-versa? And why?
+* How is clearfix css property useful?
+* Can you explain the difference between px, em and rem as they relate to font sizing?
+* Can you give an example of a pseudo class? Can you provide an example use case for a pseudo class? 
+* What is the difference between a block level element and an inline element. Can you provide examples of each type of element?
+* What is the difference between CSS Grid and Flexbox? When would you use one over the other?
+* What is the difference between fixed, fluid and responsive layouts?
+
+#### [[⬆]](#toc) <a name='js'>JS Questions:</a>
+
+* Explain event delegation.
+* Explain how `this` works in JavaScript.
+  * Can you give an example of one of the ways that working with `this` has changed in ES6?
+* Explain how prototypal inheritance works.
+* What is the difference between a variable that is: `null`, `undefined` or undeclared?
+  * How would you go about checking for any of these states?
+* What is a closure, and how/why would you use one?
+* What language constructions do you use for iterating over object properties and array items?
+* Can you describe the main difference between the `Array.forEach()` loop and `Array.map()` methods and why you would pick one versus the other?
+* What is a typical use case for anonymous functions?
+* What is the difference between host objects and native objects?
+* Explain the difference between: `function Person(){}`, `var person = Person()`, and `var person = new Person()`?
+* Explain the differences on the usage of `foo` between `function foo() {}` and `var foo = function() {}`
+* Can you explain what `Function.call` and `Function.apply` do? What is the notable difference between the two?
+* Explain `Function.prototype.bind`.
+* What is the difference between feature detection, feature inference, and using the UA string?
+* Explain "hoisting".
+* What is type coercion? What are common pitfalls of relying on type coercion in JavaScript code?
+* Describe event bubbling.
+* Describe event capturing.
+* What is the difference between an "attribute" and a "property"?
+* What are the pros and cons of extending built-in JavaScript objects?
+* What is the difference between `==` and `===`?
+* Explain the same-origin policy with regards to JavaScript.
+* Why is it called a Ternary operator, what does the word "Ternary" indicate?
+* What is strict mode? What are some of the advantages/disadvantages of using it?
+* What are some of the advantages/disadvantages of writing JavaScript code in a language that compiles to JavaScript?
+* What tools and techniques do you use debugging JavaScript code?
+* Explain the difference between mutable and immutable objects.
+  * What is an example of an immutable object in JavaScript?
+  * What are the pros and cons of immutability?
+  * How can you achieve immutability in your own code?
+* Explain the difference between synchronous and asynchronous functions.
+* What is event loop?
+  * What is the difference between call stack and task queue?
+* What are the differences between variables created using `let`, `var` or `const`?
+* What are the differences between ES6 class and ES5 function constructors?
+* Can you offer a use case for the new arrow `=>` function syntax? How does this new syntax differ from other functions?
+* What advantage is there for using the arrow syntax for a method in a constructor?
+* What is the definition of a higher-order function?
+* Can you give an example for destructuring an object or an array?
+* Can you give an example of generating a string with ES6 Template Literals?
+* Can you give an example of a curry function and why this syntax offers an advantage?
+* What are the benefits of using `spread syntax` and how is it different from `rest syntax`?
+* How can you share code between files?
+* Why you might want to create static class members?
+* What is the difference between `while` and `do-while` loops in JavaScript?
+* What is a promise? Where and how would you use promise?
+* Discuss how you might use Object Oriented Programming principles when coding with JavaScript.
+
+#### [[⬆]](#toc) <a name='code-questions'>Coding Questions:</a>
+* Make this work:
+```javascript
+duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
+```
+* Create a for loop that iterates up to `100` while outputting **"fizz"** at multiples of `3`, **"buzz"** at multiples of `5` and **"fizzbuzz"** at multiples of `3` and `5`
+* What will be returned by each of these?
+```javascript
+console.log("hello" || "world")
+console.log("foo" && "bar")
+```
+* Write an immediately invoked function expression (IIFE)
+
+
+#### [[⬆]](#toc) <a name='testing'>Testing Questions:</a>
+
+* What are some advantages/disadvantages to testing your code?
+* What tools would you use to test your code's functionality?
+* What is the difference between a unit test and a functional/integration test?
+* What is the purpose of a code style linting tool?
+* What are some of the testing best practices?
+
+
+#### [[⬆]](#toc) <a name='performance'>Performance Questions:</a>
+
+* What tools would you use to find a performance bug in your code?
+* What are some ways you may improve your website's scrolling performance?
+* Explain the difference between layout, painting and compositing.
+
+#### [[⬆]](#toc) <a name='network'>Network Questions:</a>
+
+* Traditionally, why has it been better to serve site assets from multiple domains?
+* Do your best to describe the process from the time you type in a website's URL to it finishing loading on your screen.
+* What are the differences between Long-Polling, Websockets and Server-Sent Events?
+* Explain the following request and response headers:
+  * Diff. between Expires, Date, Age and If-Modified-...
+  * Do Not Track
+  * Cache-Control
+  * Transfer-Encoding
+  * ETag
+  * X-Frame-Options
+* What are HTTP methods? List all HTTP methods that you know, and explain them.
+* What is domain pre-fetching and how does it help with performance?
+* What is a CDN and what is the benefit of using one?
+
+#### [[⬆]](#toc) <a name='fun'>Fun Questions:</a>
+
+* What is a cool project that you've recently worked on?
+* What are some things you like about the developer tools you use?
+* Who inspires you in the front-end community?
+* Do you have any pet projects? What kind?