Javascript.info Ebook Part 2 Browser: Document, Events, Interfaces

کتاب «Javascript.info Ebook Part 2 Browser: Document, Events, Interfaces» نوشتهٔ ایلیا کانتور، یکی از جامع‌ترین و معتبرترین منابع برای تسلط بر برنامه‌نویسی سمت مرورگر با زبان جاوااسکریپت به شمار می‌رود. این مجلد که توسط تیم javascript.info گردآوری شده است، شما را قدم‌به‌قدم با مفاهیم بنیادین مدل شیءگرای سند (DOM)، رویدادها و نحوهٔ تعامل با رابط‌های کاربری در مرورگر آشنا می‌کند. اگر به دنبال منبعی هستید که با بیانی شیوا و مثال‌های عملی، شما را به یک توسعه‌دهندهٔ توانمند در عرصهٔ وب تبدیل کند، این کتاب نقطهٔ شروعی ایده‌آل برای شما خواهد بود.

دربارهٔ کتاب — Javascript.info Ebook Part

این کتاب، جلد دوم از مجموعهٔ آموزشی مدرن جاوااسکریپت است که به‌طور ویژه به محیط مرورگر و قابلیت‌های آن اختصاص یافته است. در حالی که جلد نخست بر روی خود زبان جاوااسکریپت و مفاهیم پایه‌ای مانند شی‌گرایی، داده‌ساختارها و توابع متمرکز است، جلد دوم شما را با بستری آشنا می‌سازد که جاوااسکریپت در آن حرف اول را می‌زند: مرورگر وب. نویسنده با رویکردی گام‌به‌گام و ساختاریافته، از مفاهیم ابتدایی مانند درخت DOM و نحوهٔ پیمایش آن شروع کرده و تا مباحث پیشرفته‌تری مانند چرخهٔ رویداد (Event Loop)، وظایف خرد و کلان (microtasks و macrotasks) و ناظر تغییرات (Mutation Observer) پیش می‌رود. فضای حاکم بر کتاب، کاملاً آموزشی و کاربردی است و بر خلاف بسیاری از منابع صرفاً نظری، بر پیاده‌سازی عملی تأکید دارد. هر فصل از کتاب به یک مبحث مشخص اختصاص دارد و با مثال‌های عینی و قابل اجرا همراه است. از مدیریت فرم‌ها و اعتبارسنجی ورودی‌ها گرفته تا کار با رویدادهای ماوس و صفحه‌کلید، و حتی مباحث تخصصی‌تری مانند کشیدن و رها کردن (Drag'n'Drop) و بارگذاری منابع، همگی در این کتاب پوشش داده شده‌اند. این کتاب منبعی است که هم برای مبتدیانی که می‌خواهند اولین قدم‌های خود را در دنیای برنامه‌نویسی وب بردارند، و هم برای توسعه‌دهندگانی که به‌دنبال مرجعی کامل برای رفع مشکلات خود هستند، بسیار ارزشمند است.

دربارهٔ نویسنده

ایلیا کانتور (Ilya Kantor)، نویسنده و برنامه‌نویس باتجربه‌ای است که به‌عنوان خالق وب‌سایت مرجع javascript.info شناخته می‌شود. او از سال ۲۰۰۷ کار بر روی این آموزشگاه آنلاین را آغاز کرده و از آن زمان تاکنون، به‌طور مداوم محتوای آن را بروزرسانی و بهبود بخشیده است. رویکرد او در آموزش، ارائهٔ مفاهیم پیچیدهٔ برنامه‌نویسی به زبانی ساده و قابل‌فهم است و تلاش می‌کند تا مخاطب را به درک عمیقی از نحوهٔ کارکرد جاوااسکریپت برساند. مجموعهٔ آموزشی javascript.info به‌عنوان یکی از معتبرترین و به‌روزترین منابع آموزش جاوااسکریپت در سطح وب شناخته می‌شود و ایلیا کانتور با انتشار نسخهٔ الکترونیکی این مجموعه، دسترسی به این محتوای ارزشمند را برای مخاطبان سراسر جهان فراهم کرده است.

چرا باید «Javascript.info Ebook Part 2» را بخوانید؟

مطالعهٔ این کتاب، کلیدی‌ترین مهارت‌های مورد نیاز برای توسعه‌دهندگی وب را در اختیار شما قرار می‌دهد:

• درک عمیق مدل شیءگرای سند (DOM): می‌آموزید که چگونه مرورگر، صفحات وب را به درختی از اشیاء تبدیل می‌کند و چگونه می‌توانید با استفاده از جاوااسکریپت، هر عنصری را در صفحه پیدا کنید، تغییر دهید، حذف یا به آن اضافه کنید.
• تسلط بر رویدادها و تعامل با کاربر: از رویدادهای سادهٔ کلیک و حرکت ماوس گرفته تا رویدادهای صفحه‌کلید و مفاهیم پیشرفته‌تری مانند حباب‌زنی (Bubbling) و واداشت رویداد (Event Delegation) را فرا می‌گیرید تا بتوانید رابط‌های کاربری پویا و واکنش‌گرا بسازید.
• مدیریت فرم‌ها و ورودی‌های کاربر: با ویژگی‌ها و متدهای فرم‌ها، نحوهٔ دریافت و اعتبارسنجی داده‌ها، و کار با رویدادهایی مانند تغییر (change)، ورودی (input) و ارسال (submit) به‌خوبی آشنا می‌شوید.
• بهبود عملکرد با مدیریت بارگذاری منابع: می‌آموزید که چگونه اسکریپت‌ها، استایل‌ها و سایر منابع به‌صورت ناهمگام (asynchronous) یا معوق (deferred) بارگذاری شوند و بر چرخهٔ حیات صفحه تأثیر بگذارند.
• آشنایی با مباحث پیشرفته و تکنیک‌های مدرن: با مفاهیمی مانند ناظر تغییرات (Mutation Observer) برای واکنش به تغییرات درخت DOM، چرخهٔ رویداد و تفاوت بین وظایف خرد و کلان، و کار با انتخاب و محدوده (Selection and Range) در سطح پیشرفته آشنا می‌شوید.

این کتاب برای چه کسانی مناسب است؟

این کتاب به‌عنوان جلد دوم از یک مجموعهٔ دو جلدی طراحی شده است، بنابراین برای افرادی که با اصول پایهٔ زبان جاوااسکریپت آشنایی دارند، بهترین گزینه محسوب می‌شود. اگر دورهٔ مقدماتی جاوااسکریپت را گذرانده‌اید یا جلد اول این مجموعه را مطالعه کرده‌اید و اکنون می‌خواهید دانش خود را به حوزهٔ عملی برنامه‌نویسی مرورگر گسترش دهید، این کتاب دقیقاً همان چیزی است که به آن نیاز دارید. همچنین، توسعه‌دهندگانی که تجربهٔ کاری دارند اما احساس می‌کنند درک عمیقی از مفاهیم بنیادین مرورگر و DOM ندارند، با مرور این کتاب می‌توانند دانش خود را به‌روز و تکمیل کنند. این کتاب برای دانشجویان علوم کامپیوتر، برنامه‌نویسان فرانت‌اند و هر کسی که به دنبال یک مرجع کامل و کاربردی برای برنامه‌نویسی جاوااسکریپت در مرورگر است، منبعی بی‌نظیر خواهد بود.

سوالات متداول

آیا برای خواندن این کتاب نیاز به دانش قبلی در جاوااسکریپت دارم؟

بله، این کتاب جلد دوم از مجموعهٔ آموزشی javascript.info است و فرض را بر این می‌گیرد که خواننده با مفاهیم پایه‌ای زبان جاوااسکریپت که در جلد اول پوشش داده شده، آشنا است. این مفاهیم شامل متغیرها، حلقه‌ها، توابع، اشیاء و اصول اولیهٔ برنامه‌نویسی شی‌گرا می‌شود.

مباحث این کتاب تا چه اندازه به‌روز و مطابق با استانداردهای مدرن است؟

این مجموعهٔ آموزشی یکی از به‌روزترین منابع موجود است. ایلیا کانتور و تیم javascript.info به‌طور مداوم محتوای این آموزش را با آخرین تغییرات استانداردهای جاوااسکریپت و مرورگرها هماهنگ می‌کنند. نسخهٔ الکترونیکی این کتاب نیز در تاریخ ژوئیهٔ ۲۰۱۹ بر اساس آخرین نسخهٔ بروزرسانی‌شدهٔ وب‌سایت تهیه شده است.

آیا این کتاب صرفاً جنبهٔ نظری دارد یا شامل مثال‌های عملی نیز می‌شود؟

کتاب رویکردی کاملاً عملی دارد و هر مبحث با مثال‌های عینی و کدهای قابل اجرا همراه است. هدف نویسنده، آموزش مفاهیم به‌گونه‌ای است که خواننده بتواند بلافاصله پس از مطالعه، آن‌ها را در پروژه‌های واقعی خود به کار گیرد. همچنین، ارجاعاتی به مستندات رسمی (مانند استانداردهای WHATWG و MDN) ارائه شده است تا بتوانید دانش خود را در هر زمینه‌ای عمیق‌تر کنید.

Browser environment, specs......Page 4 DOM tree......Page 7 Walking the DOM......Page 18 Searching: getElement*, querySelector*......Page 28 Node properties: type, tag and contents......Page 36 Attributes and properties......Page 50 Modifying the document......Page 60 Styles and classes......Page 79 Element size and scrolling......Page 87 Window sizes and scrolling......Page 102 Coordinates......Page 106 Introduction to Events......Page 116 Introduction to browser events......Page 117 Bubbling and capturing......Page 132 Event delegation......Page 139 Browser default actions......Page 150 Dispatching custom events......Page 159 Mouse events basics......Page 166 Moving: mouseover/out, mouseenter/leave......Page 173 Drag'n'Drop with mouse events......Page 180 Keyboard: keydown and keyup......Page 189 Scrolling......Page 195 Forms, controls......Page 198 Form properties and methods......Page 199 Focusing: focus/blur......Page 206 Events: change, input, cut, copy, paste......Page 213 Forms: event and method submit......Page 217 Page: DOMContentLoaded, load, beforeunload, unload......Page 220 Scripts: async, defer......Page 227 Resource loading: onload and onerror......Page 232 Mutation observer......Page 238 Selection and Range......Page 244 Event loop: microtasks and macrotasks......Page 259