پرووید
آموزش مقدماتی جاوااسکریپت JavaScript
آموزش مقدماتی جاوااسکریپت JavaScript یکی دیگر از آموزش های گروه آموزشی پرووید می باشد که در این قسمت آن را به شما معرفی می کنیم. این بسته ی آموزشی نیز یکی از دوره های آموزشی دیگر که در حوزه ی فارسی سازی آموزش های انگلیسی تنظیم شده است می باشد. عنوان این بسته آموزشی آموزش مقدماتی زبان برنامه نویسی جاوااسکریپت JavaScript است که با نام اصلی JavaScript - Getting Started از شرکت Pluralsight منتشر شده است.
جاوااسکریپت چیست؟
جاوا اسکریپت یک زبان اسکریپتی یا برنامه نویسی است که به شما امکان می دهد ویژگی های پیچیده را در صفحات وب پیاده سازی کنید.
هر بار که یک صفحه وب چیزی بیش از در آنجا و نمایش اطلاعات ثابت برای شما انجام می‌دهد، نمایش به‌روزرسانی‌های محتوایی به موقع، نقشه‌های تعاملی، گرافیک‌های متحرک 2D/3D، پیمایش جوک‌باکس‌های ویدئویی، و غیره... پس جاوا اسکریپت احتمالاً درگیر است. این سومین لایه از لایه فن‌آوری‌های وب (HTML و CSS و JavaScript) استاندارد است.
چه کار‌ی انجام می‌دهد؟
بیایید به طور خلاصه داستان اتفاقی که هنگام بارگذاری یک صفحه وب در مرورگر رخ می دهد را مرور کنیم. هنگامی که یک صفحه وب را در مرورگر خود بارگذاری می کنید، کد خود (HTML، CSS و جاوا اسکریپت) را در یک محیط اجرایی (برگه مرورگر) اجرا می کنید. این مانند کارخانه ای است که مواد خام (کد) را می گیرد و یک محصول (صفحه وب) را تولید می کند.
یکی از کاربردهای رایج جاوا اسکریپت، تغییر پویا HTML و CSS برای به روز رسانی یک رابط کاربری، از طریق Document Object Model API است. توجه داشته باشید که کد موجود در اسناد وب شما معمولاً به ترتیبی که در صفحه ظاهر می شود بارگیری و اجرا می شود.
امنیت مرورگر
هر برگه مرورگر دارای سطل جداگانه خود برای اجرای کد است (این سطل ها در اصطلاح فنی "execution environments" نامیده می شوند). این بدان معناست که در بیشتر موارد کد در هر برگه کاملاً جداگانه اجرا می‌شود و کد موجود در یک برگه نمی‌تواند مستقیماً روی کد در برگه دیگر یا در وب‌سایت دیگر تأثیر بگذارد.
این یک اقدام امنیتی خوب است اگر اینطور نبود، هکر‌ها می توانستند شروع به نوشتن کد برای سرقت اطلاعات از وب سایت های دیگر و موارد بد دیگر کنند.
متغیرها، ثابت‌ها و کنترل جریان در JavaScript
برای نوشتن برنامه‌های JavaScript، ابتدا باید بتوانید داده‌ها را ذخیره کنید، تغییر دهید و بر اساس مقدار آن‌ها تصمیم بگیرید. این آموزش کار با `Variables` و `Constants` را همراه با انواع داده و عملگرها بررسی می‌کند. همچنین، موضوع دقت اعداد و متغیرهای Boolean مطرح می‌شود تا هنگام انجام محاسبات یا بررسی شرط‌ها، رفتار مقادیر را بهتر درک کنید. این مفاهیم در کنار یکدیگر پایه نوشتن دستورهایی هستند که با ورودی‌های مختلف، نتیجه‌های متفاوت تولید می‌کنند و در منطق هر اسکریپت کاربرد دارند.
پس از آشنایی با داده‌ها، نوبت به کنترل مسیر اجرای برنامه می‌رسد. آموزش دستورهای `if ... else` و حلقه‌های `while` را معرفی می‌کند تا بتوانید بر اساس شرط‌ها تصمیم بگیرید و یک عملیات را تا زمان برقرار بودن شرط تکرار کنید. برای مثال، می‌توان با یک شرط نمایش بخشی از رابط کاربری را کنترل کرد یا با یک حلقه روی داده‌ها عملیات انجام داد. درک این ساختارها به شما امکان می‌دهد منطق برنامه را از مجموعه‌ای از دستورهای ثابت به الگوریتمی تبدیل کنید که به وضعیت داده‌ها واکنش نشان می‌دهد.
کار با Function، Object، Array و عناصر DOM
توابع در JavaScript به شما اجازه می‌دهند منطق تکرارشونده را در بخش‌هایی مستقل قرار دهید و در موقعیت‌های مختلف دوباره از آن استفاده کنید. این آموزش به مقدار بازگشتی تابع و ارسال Objectها به Functionها می‌پردازد تا بتوانید ورودی‌ها و خروجی‌های عملیات را مدیریت کنید. سپس، کار با آرایه‌ها و روش‌های جستجو و پیمایش آن‌ها بررسی می‌شود. این مهارت‌ها زمانی کاربرد دارند که مجموعه‌ای از مقادیر، مانند فهرست نام‌ها یا رکوردهای ساده، باید بررسی یا پردازش شود و نتیجه بر اساس محتوای آرایه به دست آید.
بخش مربوط به `DOM` نشان می‌دهد چگونه می‌توان با عناصر صفحه وب تعامل کرد؛ برای نمونه، نمایش دادن یا مخفی کردن یک عنصر بر اساس وضعیت برنامه. در کنار این مباحث، مفهوم `Scope` و `Hoisting` بررسی می‌شود تا نحوه دسترسی به متغیرها و رفتار تعریف آن‌ها در JavaScript روشن‌تر شود. آشنایی با این مفاهیم هنگام سازمان‌دهی کد اهمیت دارد، زیرا محل تعریف متغیر یا تابع می‌تواند بر نحوه استفاده از آن اثر بگذارد. این آموزش از مبانی زبان تا تعامل با صفحه وب پیش می‌رود و زمینه لازم را برای نوشتن اسکریپت‌های کاربردی‌تر فراهم می‌کند.
سرفصل مطالب آموزش مقدماتی جاوااسکریپت JavaScript
فصل اول: مقدمه این دوره آموزشی- مقدمه این دوره آموزشی
- مقدمه
- نصب کردن نرم افزار های مورد استفاده برای توسعه اپلیکیشن های جاوا اسکریپت
- دانلود کردن پروژه این دوره آموزشی از Git Hub
- بررسی پروژه این دوره آموزشی
- مقدمه
- اضافه کردن کد جاوا اسکریپت به یک Page
- کار کردن با فایل های جاوا اسکریپت
- فرمت بندی کردن کد
- کشف کردن و رفع خطا ها
- بررسی Case Sensitivity
- گذاشتن Comment بر روی کدها
- جمع بندی
- مقدمه
- یک متغیر (Variable) چیست؟
- تعریف کردن یک متغیر (Variable)
- استفاده از let برای تعریف کردن متغیرها (Variables)
- نامگذاری متغیرها (Variables)
- خطاهای معمول در استفاده کردن از متغیرها (Variables)
- تغییر دادن مقادیر متغیر (Variable)
- کار کردن با ثابت ها (Constants)
- نکات مربوط به کلمه کلیدی var
- جمع بندی
- مقدمه
- کار کردن با اعداد
- بررسی اولویت عملگرها
- بررسی دقت اعداد
- کار کردن با اعداد منفی
- کار کردن با رشته ها
- تغییر دادن رشته ها
- تبدیل کردن رشته ها و اعداد
- کار کردن با متغیرهای Boolian
- کار کردن با Null و Un Defined
- کار کردن با Symbol ها و اشیاء
- جمع بندی
- مقدمه
- نوشتن جملات شرطی با if
- بررسی عبارات Truthy و Falsy
- بررسی if ... else
- مقایسه کردن === و ==
- بررسی Ternary Operator
- بررسی Block Scope با استفاده از let
- حلقه های تکرار با استفاده از for
- حلقه های تکرار با استفاده از while
- حلقه های تکرار با استفاده از do ... while
- جمع بندی
- مقدمه
- مفاهیم اساسی و ابتدایی کار کردن با توابع
- بررسی Function Expression ها
- انتقال داده ها به توابع
- بررسی Return Value های مربوط به Function ها
- بررسی Function Scope
- استفاده از Function ها برای تغییر دادن Web Page ها
- جمع بندی
- مقدمه
- بررسی Property های مربوط به Object ها
- بررسی متدهای مربوط به Object ها
- تحویل دادن Object ها به Function ها
- کار کردن با Object های استاندارد درونی
- کار کردن با Document Object Model (DOM)
- اضافه کردن Style به DOM Element ها
- تشخیص دادن کلیک های انجام شده
- نشان دادن یا مخفی کردن DOM Element ها
- جمع بندی
- مقدمه
- ایجاد کردن و مقداردهی کردن آرایه ها
- دسترسی پیدا کردن به عناصر آرایه ها
- تغییر دادن آرایه ها
- استفاده از توابع slice و splice
- جستجو کردن و پیمایش کردن آرایه ها
- استفاده از آرایه ها در DOM
- جمع بندی
- مقدمه
- بررسی Global Scope
- بررسی Function Scope
- بررسی ارتباط کلمه کلیدی var و Hoisting
- متغیرهای تعریف نشده و Strict Mode
- جمع بندی
محصولات مرتبط
