آموزش کار با زبان جاوا اسکریپت در مرورگر یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی، کار با زبان جاوا اسکریپت در مرورگر و در سمت کلاینت است که با نام اصلی JavaScript in the Browser از شرکت Pluralsight منتشر شده است.

نقش جاوااسکریپت در توسعه وب

جاوااسکریپت نقش مهمی در توسعه وب مدرن ایفا می‌کند و به عنوان یک زبان اسکریپت نویسی چندمنظوره و پویا، قابلیت های تعاملی وبسایت‌ها را افزایش می‌دهد. به عنوان یک زبان سمت کلاینت، جاوااسکریپت در مرورگر کاربر اجرا می‌شود و به توسعه‌دهندگان این امکان را می‌دهد که یک رابط کاربری پویا، واکنش‌پذیر و تعاملی ایجاد کنند. این زبان برای کنترل DOM یک گزینه فوق العاده است چرا که به توسعه‌دهندگان این امکان را می‌دهد تا بدون نیاز به بارگذاری کامل صفحه، محتوای صفحه وب را به‌صورت پویا بروزرسانی کرده و تغییر دهند. جاوااسکریپت یک مولفه اساسی در پیاده‌سازی برنامه‌های تک ‌صفحه‌ای (SPA) است که در آنها مواردی مانند یک سیستم navigation بی‌درنگ و transition های روان بین view های مختلف در اولویت هستند. علاوه بر این، جاوااسکریپت اغلب برای مدیریت عملیات ناهمگام مانند دریافت داده از سرورها استفاده می‌شود که برای ایجاد تجربه کاربری real-time و تعاملی حیاتی است. با ظهور فریم ورک های جاوااسکریپت سمت سرور مانند Node.js، نقش جاوااسکریپت گسترش یافته و شامل توسعه سمت سرور نیز شده است. این موضوع باعث شده است که جاوا اسکریپت به یک انتخاب برای ساختن اپلیکیشن های full stack مقیاس‌پذیر و کارآمد تبدیل بشود. به طور کلی، جاوااسکریپت یک مولفه اساسی در توسعه وب است و به طور قابل توجهی در ایجاد وبسایت‌ها و برنامه‌های وب مدرن با ویژگی‌های فراوان و کاربرپسند کمک می کند.

تفاوت های جاوااسکریپت در سمت کلاینت و سمت سرور

جاوااسکریپت نقش‌های متمایزی در سمت کلاینت و سمت سرور توسعه نرم افزارهای وب دارد. در سمت کلاینت، جاوااسکریپت به عنوان یک زبان اسکریپت نویسی در مرورگر کاربر اجرا می‌شود. این موضوع برای ایجاد رابط‌های کاربری پویا و تعاملی، مدیریت DOM و همچنین کنترل ورودی کاربر و اجازه انجام عملیات ناهمگام مانند دریافت داده از سرور بسیار حائز اهمیت است. فریم ورک های جاوااسکریپت سمت کلاینت مانند React وAngular و Vue.js از این زبان بهره ‌می‌برند تا برنامه‌های تک‌صفحه‌ای (SPA) واکنش‌پذیر را ایجاد کرده و تجربه کاربری کلی را بهبود بخشند. در سمت سرور، جاوااسکریپت با فریم ورک های سمت سرور مانند Node.js استفاده می‌شود. در این فضا، جاوااسکریپت به توسعه‌دهندگان این امکان را می‌دهد که کدهای سمت سرور را بنویسند، پردازش داده را مدیریت کنند و عملیات سمت سرور را اجرا کنند. استفاده از جاوااسکریپت در هر دو سمت توسعه فو استک را امکان پذیر می‌کند و یک زبان و اکوسیستم یکپارچه را برای ساخت برنامه‌های وب به صورت سراسری و یا end to end امکان پذیر می کند. با این وجود، علیرغم این ریشه‌های مشترک، وظایف و چالش‌های خاص در سمت کلاینت و سمت سرور به طور قابل توجهی با یکدیگر تفاوت دارند و هر محیط نیاز به رویکردها و ابزارهای منحصر به فردی برای پیاده‌سازی موثر دارد.

سرفصل مطالب آموزش ویدئویی کار با زبان جاوا اسکریپت در مرورگر

فصل اول: مقدمه دوره آموزشی

• مقدمه

فصل دوم: مبانی کار کردن با Document Object Model

• بررسی اجمالی آموزش
• بررسی نسخه ابزارهای استفاده شده در این آموزش
• برنامه اپلیکیشن این آموزش
• معرفی و بررسی Document Object Model
• تاریخچه DOM
• آموزش عملی دسترسی پیدا کردن به DOM

فصل سوم: کار کردن با DOM

• واژه شناسی
• دسترسی پیدا کردن به عناصر DOM
• پیمایش کردن DOM
• به روز رسانی عناصر DOM
• بررسی ارتباطDOM و CSS
• حذف عناصر از DOM
• افزودن عناصر به DOM
• آموزش عملی اضافه کردن عناصر به DOM

فصل چهارم: مباحث مربوط به مدیریت رویداد و یا Event Handling

• بررسی کلی APIمربوط به Event ها
• اضافه کردن یک Event Listener
• بررسی Event Argument ها
• بررسی مفهوم Event Bubbling
• جلوگیری از رفتارهای پیش فرض و یا Default Behavior
• منتظر ماندن تا آماده شدن کامل DOM

فصل پنجم: مدیریت رویدادهای ماوس و صفحه کلید

• مروری بر رویدادهای ماوس
• بررسی Event Argument ها مربوط به رویدادهای ماوس
• آموزش عملی Drag & Drop
• مروری بر رویدادهای صفحه کلید
• کار با رویدادهای صفحه کلید

فصل ششم: مدیریت فرم ها در HTML

• دسترسی به عناصر فرم HTML
• دسترسی به مقادیر موجود در عناصر فرم HTML
• جلوگیری از ارسال فرم
• آموزش عملی اعتبار سنجی کردن فرم ها با جاوا اسکریپت قسمت 1
• آموزش عملی اعتبار سنجی کردن فرم ها با جاوا اسکریپت قسمت 2
• جمع بندی