آموزش جامع جاوااسکریپت: از مبانی تا مدیریت DOM - آخرین آپدیت

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

مقدمه Introduction

• جاوااسکریپت چیست و کجا می‌توان از آن استفاده کرد؟ What is JavaScript and where can you use it?

ویرایشگر کد Editor

• دانلود و نصب ویرایشگر Downloading and installing editor

• ایجاد پروژه و ساختار پروژه Creating the project / structure of project

EXTRA: میانبرهای کاربردی EXTRA: Useful Shortcuts

• میانبرهای کاربردی برای صرفه‌جویی در زمان Useful shortcuts that will save you tons of time

مفاهیم پایه Basics

• نحوه صحیح قرار دادن اسکریپت‌های JS برای کاهش سرعت بارگذاری سایت Properly embedding JS scripts on your website reducing website loading speed

• مبانی: اسکریپت چگونه اجرا می‌شود؟ (فاصله‌ها، سمیکالن‌ها و غیره) Basics: How is your script executed? Whitespaces/semicolons etc.

• کامنت‌ها Comments

• متغیرها Variables

• متغیرهای const: چرا و چه زمانی باید از کلمه کلیدی const استفاده کرد؟ const variables - why and when should you use 'const' keyword?

عملگرها Operators

• عملگرهای ریاضی Arithmetic operators

• عملگرهای مقایسه‌ای Relational operators

• عملگرهای منطقی Logical operators

شرط‌ها Conditions

• دستورات شرطی Conditional Statements

• عملگر شرطی ?: Conditional operator ?:

• ساختار Switch Switch

توابع Functions

• مبانی توابع Functions basics

• محدوده متغیرها (Scope) داخل و خارج از تابع Scope of Variables within Functions and Outside of Functions

• تفاوت let و var و مفهوم Hoisting چیست؟ let vs var - what is hoisting?

• عبارت‌های تابعی | توابع ناشناس (Anonymous) Function Expressions | Anonymous function

اشیاء (Objects) Objects

• اشیاء چیستند و چگونه ساخته می‌شوند؟ What are and how to create objects?

• استفاده از تابع سازنده شیء (Class) Using an Object Constructor Function (class)

• افزودن ویژگی به اشیاء با استفاده از Prototype Adding Properties to Objects using Prototype

آرایه‌ها Arrays

• آرایه‌ها Arrays

• متدهای کاربردی آرایه Useful Array Methods

حلقه‌ها Loops

• حلقه چیست؟ حلقه‌های while و do while What is loop? while and do while loop

• حلقه for loop for

• دستورات break و continue instruction break and continue

• حلقه for/in برای پردازش اشیاء loop for/in - used for processing objects

• تمرین: شیء Arguments در تابع (تعداد نامحدود آرگومان) EXERCISE: Argument Object in function (unlimited number of arguments)

DOM (مدل شیءگرایی سند) DOM (Document Object Model)

• DOM چیست و چگونه محتوای وب‌سایت را دریافت کنیم؟ What is DOM / how to obtain content of your website

• querySelector: دسترسی سریع و آسان به عناصر سایت querySelector - fast and easy accessing of elements on the website

• تغییر پویا استایل عناصر با استفاده از JS Changing dynamically styles of elements using JS

• افزودن و حذف عناصر از سند (Document) Adding and removing elements from document

• تمرین: حلقه در حلقه (چاپ جدول ضرب) EXERCISE: Loop inside another Loop - printing out multiplication table

رویدادها (Events) Events

• مبانی رویدادها (Events) Basics of Events

• کلمه کلیدی 'this': دسترسی به عنصری که تابع رویداد را فراخوانی کرده 'this' - accessing the element that invoked the event function

• شیء event: درس بسیار مهم، از آن نگذرید! event - VERY IMPORTANT LESSON DO NOT SKIP IT

• افزودن و حذف Event Listener Adding and removing event listener

• شیء Event به عنوان آرگومان خودکار در تابع Event object as an automatically passed argument to function

• انتشار رویداد (Event Propagation) Propagating (multiplication of events)

• جلوگیری از اکشن پیش‌فرض مرورگر (مانند مسدود کردن منوی راست‌کلیک) Preventing browser default action for example blocking context menu

• تمرین: ساخت دکمه 'پرش به بالای صفحه' EXERCISE: Event - 'jump to the top of website' button

• رویدادهای موس: کشیدن تصویر (Dragging) Mouse events - dragging the image

• setTimeout و setInterval: رویدادهای زمان‌بندی شده setTimeout and setInterval - Timing Events

• تمرین: ارتقای کد درس قبل به روش شیءگرا EXERCISE: upgrading the code from the last lesson to object-oriented way

اعتبارسنجی فرم‌ها با استفاده از رویدادها Validating Forms using Events

• چگونه فرم‌ها را اعتبارسنجی کنیم؟ بررسی نوع ورودی متن با رویدادهای فرم How to validate forms? Validating text type input using form-related events

• جلوگیری از ارسال فرم در صورت اشتباه بودن داده‌ها Stopping form from submitting when any data in a form is not correct

• چک‌باکس (Checkbox) checkbox

• ورودی رادیویی (Radio) در مثال قوانین و مقررات radio input on terms and condition example

• لیست کشویی (Select/Combo Box) select (combo box)