Add Bangla translation of General and HTML question
This commit is contained in:
Moshiur Rahman
parent
56fc79f51c
commit
b003a50dfd
|
|
@ -5,6 +5,10 @@
|
|||
"language": "Arabic",
|
||||
"url": "arabic/"
|
||||
},
|
||||
{
|
||||
"language": "Bangla",
|
||||
"url": "bengali/"
|
||||
},
|
||||
{
|
||||
"language": "Bulgarian",
|
||||
"url": "bulgarian/"
|
||||
|
|
|
|||
|
|
@ -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?
|
||||
Loading…
Reference in New Issue