آموزش JavaScript - سری سوالات مصاحبه ماراتون 2023

سرفصل ها و درس ها

مبانی زبان Language Fundamentals

• تفاوت بین Null و Undefined؟ Difference Between Null & Undefined ?

• محدوده عملکرد در مقابل. Block Scope Function Scope Vs. Block Scope

• درج خودکار نقطه ویرگول (ASI) چیست؟ What is Automatic Semicolon Insertion (ASI) ?

• تفاوت بین اپراتور Rest و Spread؟ Difference between Rest and Spread operator?

• چه زمانی Infinity یا -Infinity را به عنوان خروجی دریافت می کنید؟ When do you get Infinity or -Infinity as output?

• چه زمانی NaN را به عنوان خروجی دریافت می کنید؟ When do you get NaN as output?

• توضیح باید نقاط تابع فلش را بداند. Explain must know points of arrow function.

• "بستن" در جاوا اسکریپت چگونه کار می کند؟ How does a "closure" work in JavaScript ?

• چگونه مجموع (5) (6) می تواند 11 را برگرداند؟ How can sum(5)(6) return 11?

• تکرار شونده ها و تکرار کننده ها Iterables and Iterators

• ژنراتورها Generators

• مدیریت حافظه و جمع آوری زباله Memory Management & Garbage Collection

• چگونه با خطاهای کد جاوا اسکریپت برخورد می کنید؟ How do you handle errors in JavaScript code ?

مبانی زبان Language Fundamentals

آرایه ها Arrays

• آرایه و پیمایش در آرایه را توضیح دهید. Explain array & traversal in array.

• افزودن، حذف، درج، جایگزینی عناصر در آرایه Add, Remove, Insert, Replace Elements in Array

• چگونه جستجو را در یک آرایه انجام می دهید؟ How do you perform search in an array ?

• کاربرد متد map() چیست؟ What is the use of map() method ?

• چگونه آرایه دو بعدی را صاف کنیم؟ How to flatten 2D array ?

• چگونه می توانید یک آرایه را مرتب کنید؟ How can you sort an array ?

• تخریب آرایه را توضیح دهید؟ Explain Array Destructuring ?

آرایه ها Arrays

رشته String

• مبانی رشته - [UTF -16] - \u - یونیکد String Basics - [UTF -16] - \u - Unicode

• قالب ES6 Literal (رشته) ES6 Template Literal (String)

• ".length" خواص و روش های جستجو “.length” Property and Search Methods

• روش های استخراج Extraction Methods

• روش تبدیل مورد و جایگزین () Case Conversion & replace() Method

رشته String

زمان قرار Date & Time

• مبانی تاریخ و زمان Date & Time Basics

• روش های تاریخ Date Methods

• روش های زمانی Time Methods

زمان قرار Date & Time

OOJS OOJS

• شیء تحت اللفظی چیست؟ What is object literal?

• "این" شی چیست؟ What is “this” object?

• هدف از call()، apply() و bind() چیست؟ What is the purpose of call(), apply() and bind()?

• کلاس، بیان کلاس و اعضای ایستا Class, Class expression & Static members

• کلاس داخلی وراثت، زیر کلاس و گسترش Inheritance, Subclassing and Extending built-in class

• تخریب شیء تحت اللفظی Destructuring Object Literal

• لوازم جانبی کلاس - روش های گیرنده و تنظیم کننده Class Accessors - getter & setter methods

OOJS OOJS

Map، Set، WeakMap و WeakSet (ساختار داده ES6) Map, Set, WeakMap & WeakSet (ES6 Data structure)

• نقشه Map

• تنظیم Set

• WeakMap() و WeakSet() WeakMap() and WeakSet()

Map، Set، WeakMap و WeakSet (ساختار داده ES6) Map, Set, WeakMap & WeakSet (ES6 Data structure)

DOM & Web DOM & Web

• آشنایی با DOM Understanding DOM

• تفاوت بین آبجکت سند و شیء پنجره Difference between Document Object & Window Object

• چگونه رویدادهای مبتنی بر تایمر را مدیریت کنیم؟ How to handle timer based events ?

• حباب رویداد و ثبت رویداد چیست؟ What is event bubbling & event capturing ?

• نمایندگی رویداد چیست؟ What is event delegation ?

• چگونه از طریق DOM حرکت کنیم؟ How to navigate through DOM ?

• getElementBy<id,tags,class & name>() getElementBy<id,tags,class & name>()

• querySelector() و querySelectorAll() querySelector() & querySelectorAll()

• مبانی رویداد Event Basics

• MouseEvent MouseEvent

• ClientX/Y در مقابل PageX/Y در مقابل ScreenX/Y - مختصات ClientX/Y Vs. PageX/Y Vs. ScreenX/Y - Coordinates

• رویدادهای صفحه کلید Keyboard Events

• رویدادهای عنصر ورودی Input Element Events

• رویدادها oncut - oncopy - onpaste oncut - oncopy - onpaste Events

DOM & Web DOM & Web

اجزای وب Web Components

• معرفی Introduction

• HTMLElement سفارشی - مرحله اول کامپوننت وب Custom HTMLElement - First step of web component

• مشکل بدون سایه DOM Problem without shadow DOM

• سایه DOM برای نجات Shadow DOM to the rescue

• HTML <template> - باید برای اجزای وب بداند HTML <template> - Must know for web components

• ایجاد قالب کامپوننت Creating component template

• داده های پویا با ویژگی های سفارشی Dynamic Data with Custom Attributes

• برگشت به تماس چرخه زندگی Life cycle Callbacks

• تغییر ویژگی در رویداد Changing Attribute on Event

• در حال حذف کامپوننت - disconnectedCallback() Deleting Component - disconnectedCallback()

• روش ستر - رویکرد درست Setter method - the right approach

• عنصر اسلات The slot element

اجزای وب Web Components

JS ناهمزمان Asynchronous JS

• تابع callback چیست؟ What is a callback function ?

• وعده چیست؟ What is a Promise ?

• Promise.all() در مقابل را توضیح دهید. Promise.allSettled() در مقابل. Promise.race() ? Explain Promise.all() Vs. Promise.allSettled() Vs. Promise.race() ?

• عملکرد async/wait را توضیح دهید؟ Explain functionality of async/await ?

• درخواست AJAX و XMLHTTPR (XHR) AJAX & XMLHTTPRequest (XHR)

• API "واکشی". The "fetch" API

• تکرار کننده ها و مولدهای غیر همگام Async Iterators & Generators

JS ناهمزمان Asynchronous JS

ماژول - واردات/صادرات Module - Import/Export

• ماژول چیست؟ What is Module ?

• به نام صادرات/واردات Named Export/Import

• صادرات/واردات پیش‌فرض Default Export/Import

ماژول - واردات/صادرات Module - Import/Export

Debounce & Throttle Debounce & Throttle

• مقدمه ای بر Debounce & Throttling Introduction to Debounce & Throttling

• Debouncing vs. درنگ - مفهوم Debouncing Vs. Throttling - The Concept

• درنگ - اجرا Throttling - Implementation

• Debouncing - پیاده سازی Debouncing - Implementation

• مورد استفاده - دریچه گاز Use case - Throttling

• مورد استفاده - عقب نشینی Use case - Debouncing

Debounce & Throttle Debounce & Throttle

تکنیک های اشکال زدایی Debugging Techniques

• مقدمه ای بر اشکال زدایی و ابزار توسعه دهنده Introduction to debugging & Developer Tool

• درک ابزار توسعه دهنده Understanding Developer tool

• صفحه اشکال زدایی: تماشا، پشته تماس و محدوده Debugging Pane : Watch, Call stack & Scope

• صفحه اشکال زدایی: پیمایش کد Debugging Pane : Code Navigation

• نقاط شکست شنونده رویداد Event Listener Breakpoints

• نقاط شکست شرطی و برنامه ای Conditional & Programmatic breakpoints

• نقاط شکست DOM چیست؟ What are DOM breakpoints?

• نقاط شکست XHR/Fetch چگونه کار می کند؟ How does XHR/Fetch breakpoints work?

• نقاط شکست استثنایی Exception Breakpoints

• روش های شیء "کنسول". The "console" Object Methods

• console.time() و متدهای مرتبط console.time() & related methods

تکنیک های اشکال زدایی Debugging Techniques

عبارات منظم (Regex) Regular Expressions(Regex)

• مقدمه ای بر بیان منظم Introduction to Regular Expression

• کلاس های شخصیت Regex Regex Character Classes

• اصلاح کننده "/m" - جستجوی چند خطی Modifier "/m" - Multi line search

• اصلاح کننده "/s" و (.) کلاس کاراکتر نقطه Modifier "/s" & (.) Dot character class

• اصلاح کننده "/y" (اصلاح کننده چسبنده) یا (پرچم چسبنده) Modifier "/y" (Sticky Modifier) OR (Sticky Flag)

• مبانی و اصلاح کننده یونیکد "/u" Unicode Basics & Modifier "/u"

• استفاده از اصلاح کننده "/u" با ویژگی یونیکد "\p" Using modifier "/u" with Unicode property "\p"

• مجموعه کاراکترها و محدوده Character Sets and Range

• کمیت کننده ها Quantifiers

• رفتار حریصانه و تنبل Greedy & Lazy Behavior

• اظهارات مرزی - لنگرها Boundary Assertions - Anchors

• مرزهای کلمه - "\b" Word Boundaries - "\b"

• Lookahead x(?=y) & Lookahead منفی x(?!y) Lookahead x(?=y) & Negative Lookahead x(?!y)

• نگاه به پشت (?<=y)x و نگاه منفی (?<!y)x Lookbehind (?<=y)x & Negative Lookbehind (?<!y)x

• متد exec() و ویژگی lastIndex exec() method & lastIndex property

• متد match() & matchAll(). match() & matchAll() method

• متد search(). search() method

• متد split(). split() method

• متد ()replace replace() method

• روش آزمون test() method

• ضبط گروهی Group Capturing

• بازگشت مرجع Back Reference

• تکلیف - اعتبار سنجی کنید که آیا حرف اول رشته با حروف بزرگ است یا خیر Assignment - Validate whether the first letter of string is in uppercase or not

• تکلیف - تأیید کنید که یک رشته باید با یک رقم شروع شود Assignment - Validate that a string should begin with a digit

• تکلیف - اعتبارسنجی کنید که یک رشته باید کلمه ای داشته باشد که فقط شامل ارقام باشد Assignment - Validate that a string should have a word containing only digits

• تکلیف - تأیید کنید که یک کلمه فقط باید دارای حروف باشد Assignment - Validate that a word should contain only letters

• انتساب - اعتبار برای همه نویسه های بزرگ در رشته Assignment - Validate for all uppercase character's in the string

• تکلیف - شمارش حروف صدادار و صامت در یک رشته Assignment - Counting vowels & consonants in a string

• تکلیف - اعتبارسنجی برای پیدا کردن همه کلمات دوتایی در یک رشته Assignment - Validate to find all the double words in a string

• تکلیف - یافتن کلمه ای از تعداد حروف مشخص Assignment - Finding a word of a specific number of letters

• تکلیف - فرمت تاریخ را اعتبار سنجی کنید، یعنی (mm/dd/yyyy) Assignment - Validate the date format i.e., (mm/dd/yyyy)

• تکلیف - ارزش تاریخ را به همراه قالب آن تأیید کنید Assignment - Validate the date value along with its format

• تکلیف - تأیید آدرس ایمیل Assignment - Validating email address

• تخصیص - اعتبارسنجی آدرس IP Assignment - Validating IP address

• تکلیف - تأیید شماره کارت اعتباری Assignment - Validating credit card number

• تخصیص - با استفاده از الگوی regex، اعتبار رشته را بررسی کنید که آیا رشته‌ها رنگی است یا نه Assignment - Validate whether string is palindrome or not using regex pattern

عبارات منظم (Regex) Regular Expressions(Regex)

تمرین های کدنویسی Coding Exercises

• آیا مقدار داده شده یک آرایه است یا خیر؟ Is given value an array or not?

• مقادیر تکراری را از Array حذف کنید Remove duplicate values from Array

• null، undefined، 0، NaN و ‘’ از آرایه حذف شود؟ Remove null,undefined,0,NaN and ‘ ’ from array?

• یافتن فاکتوریل Finding Factorial

• عدد اول Prime Number

• واکه و صامت - الگوریتم Vowel & Consonant - Algorithm

• تقاطع و اتحاد آرایه - راه ES6 Array intersection and union - the ES6 way

• سری فیبوناچی Fibonacci Series

• شماره معکوس Reverse Number

تمرین های کدنویسی Coding Exercises

خلاصه سوالات Questions Summary

• مبانی زبان Language Fundamentals

• آرایه ها Arrays

• رشته String

• تاریخ و زمان Date and Time

• OOJS OOJS

• اجزای وب Web Components

• DOM & Web DOM & Web

• JS ناهمزمان Asynchronous JS

• Map، Set، WeakMap و WeakSet (ساختار داده ES6) Map, Set, WeakMap & WeakSet (ES6 Data structure)

• تکنیک های اشکال زدایی Debugging Techniques

خلاصه سوالات Questions Summary