how_to_add_javanoscript_to_html_for_beginners.pdf
1.2 MB
همیشه برات سوال بوده جاوااسکریپت رو کجا و چطور باید به HTML اضافه کرد؟ 🤔
توی
جواب همه‌ی اینا توی این مقاله‌ست 👇
• معرفی روش‌های مختلف اضافه کردن جاوااسکریپت
• ترفندهایی برای سریع‌تر لود شدن صفحات
• مثال‌های عملی که همون روز می‌تونی تو پروژه‌هات تست کنی
✅ اگه می‌خوای کدات تمیزتر باشن و وب‌سایتت حرفه‌ای‌تر کار کنه، این مقاله رو از دست نده!
📌 منبع مقاله
توی
<head> یا <body>؟ فایل جدا بهتره یا همون داخل صفحه؟ و اصلاً این async و defer که همه می‌گن چی هستن؟جواب همه‌ی اینا توی این مقاله‌ست 👇
• معرفی روش‌های مختلف اضافه کردن جاوااسکریپت
• ترفندهایی برای سریع‌تر لود شدن صفحات
• مثال‌های عملی که همون روز می‌تونی تو پروژه‌هات تست کنی
✅ اگه می‌خوای کدات تمیزتر باشن و وب‌سایتت حرفه‌ای‌تر کار کنه، این مقاله رو از دست نده!
📌 منبع مقاله
🔥4👏2
how_to_write_your_first_javanoscript_program.pdf
575.3 KB
💬 «می‌خوای اولین برنامه‌جاوااسکریپت‌ت رو بنویسی ولی نمی‌دونی از کجا شروع کنی؟»
✍️ من مقاله‌ای ترجمه کردم از DigitalOcean که قدم به قدم از پایه توضیح می‌ده چطور “Hello, World!” رو بنویسی، بعدش از کاربر اسمش رو بپرس و خروجی بده.
🌱 مخصوص مبتدی‌ها! هر چیزی که نیاز داری تا بی‌دغدغه شروع کنی، توش هست؛ از نصب و شناخت محیط کار، تا نمایش نتیجه در مرورگر.
🔗 اگر آماده‌ای که وارد دنیای کد بشی و پایه‌ها رو محکم بکنی، این مقاله دقیقاً همون چیزیه که باید بخونی.
📌 منبع مقاله
✍️ من مقاله‌ای ترجمه کردم از DigitalOcean که قدم به قدم از پایه توضیح می‌ده چطور “Hello, World!” رو بنویسی، بعدش از کاربر اسمش رو بپرس و خروجی بده.
🌱 مخصوص مبتدی‌ها! هر چیزی که نیاز داری تا بی‌دغدغه شروع کنی، توش هست؛ از نصب و شناخت محیط کار، تا نمایش نتیجه در مرورگر.
🔗 اگر آماده‌ای که وارد دنیای کد بشی و پایه‌ها رو محکم بکنی، این مقاله دقیقاً همون چیزیه که باید بخونی.
📌 منبع مقاله
👌5
variables.pdf
1.1 MB
📖 مقاله «Variables» در JavaScript.info
اولین گام برای آشنایی با یکی از مفاهیم بنیادی زبان برنامه‌نویسی جاوااسکریپت است: یعنی متغیرها 🧑💻📦
در این مطلب موارد زیر به زبانی ساده و قابل فهم پوشش داده شده‌اند:
❓📦 تعریف متغیر: چی هست و چرا به آن نیاز داریم؛ چطور اطلاعات را ذخیره و مدیریت می‌کنیم.
✍️🔄 روش ایجاد متغیر: با استفاده از let ➡️ مقایسه با var و اینکه چرا let انتخاب مدرن‌تر و بهتر است.
🔒📌 ثابت‌ها (constant): معرفی const برای زمانی که مقدار نباید تغییر کند.
📝📛 قواعد نام‌گذاری متغیرها: چه کاراکترهایی مجازند، نحوه‌ی نوشتن نام‌های چندکلمه‌ای (مثل 🐪 camelCase) و اهمیت نام‌های توصیفی.
🧪💻 تمرین و مثال عملی: تست کردن مفاهیم توسط خود خواننده برای درک بهتر.
📌 منبع مقاله
اولین گام برای آشنایی با یکی از مفاهیم بنیادی زبان برنامه‌نویسی جاوااسکریپت است: یعنی متغیرها 🧑💻📦
در این مطلب موارد زیر به زبانی ساده و قابل فهم پوشش داده شده‌اند:
❓📦 تعریف متغیر: چی هست و چرا به آن نیاز داریم؛ چطور اطلاعات را ذخیره و مدیریت می‌کنیم.
✍️🔄 روش ایجاد متغیر: با استفاده از let ➡️ مقایسه با var و اینکه چرا let انتخاب مدرن‌تر و بهتر است.
🔒📌 ثابت‌ها (constant): معرفی const برای زمانی که مقدار نباید تغییر کند.
📝📛 قواعد نام‌گذاری متغیرها: چه کاراکترهایی مجازند، نحوه‌ی نوشتن نام‌های چندکلمه‌ای (مثل 🐪 camelCase) و اهمیت نام‌های توصیفی.
🧪💻 تمرین و مثال عملی: تست کردن مفاهیم توسط خود خواننده برای درک بهتر.
📌 منبع مقاله
👍5
data_types.pdf
951.5 KB
مقاله‌ی «Types» در JavaScript.info مروری مفید و کامل روی انواع داده‌ها در جاوااسکریپت است. در این مطلب موضوعات زیر به زبان ساده و کاربردی توضیح داده شده‌اند:
🔢 انواع عددی (Number, BigInt) — شامل مقادیر ویژه‌ای مثل Infinity، NaN و محدودیت‌های عدد در جاوااسکریپت
🧵 نوع String — نحوه‌ی استفاده از کوتیشن‌ها، بک‌تیک‌ها و قرار دادن عبارات در داخل ${…}
✅ نوع Boolean — نوع داده منطقی با دو مقدار true و false
🚫 نوع null و undefined — مفاهیم «هیچ چیز» و «تعریف نشده» و تفاوت بین آن‌ها
🧱 نوع Object و Symbol — انواع پیچیده‌تر و ساختارهایی که داده‌ها و رفتارها را در خود جای می‌دهند
🧮 اپراتور typeof — ابزار شناسایی نوع یک مقدار در زمان اجرا
🧪 تمرین‌ها (Tasks) — بخش «Tasks» مقاله شامل مثال‌هایی تعاملی است که به شما کمک می‌کند مفاهیم را خودتان تست و تثبیت کنید
📌 منبع مقاله
🔢 انواع عددی (Number, BigInt) — شامل مقادیر ویژه‌ای مثل Infinity، NaN و محدودیت‌های عدد در جاوااسکریپت
🧵 نوع String — نحوه‌ی استفاده از کوتیشن‌ها، بک‌تیک‌ها و قرار دادن عبارات در داخل ${…}
✅ نوع Boolean — نوع داده منطقی با دو مقدار true و false
🚫 نوع null و undefined — مفاهیم «هیچ چیز» و «تعریف نشده» و تفاوت بین آن‌ها
🧱 نوع Object و Symbol — انواع پیچیده‌تر و ساختارهایی که داده‌ها و رفتارها را در خود جای می‌دهند
🧮 اپراتور typeof — ابزار شناسایی نوع یک مقدار در زمان اجرا
🧪 تمرین‌ها (Tasks) — بخش «Tasks» مقاله شامل مثال‌هایی تعاملی است که به شما کمک می‌کند مفاهیم را خودتان تست و تثبیت کنید
📌 منبع مقاله
👍5
comments.pdf
652 KB
مقاله‌ی «Comments» در JavaScript.info یکی از مفاهیم مهم و ساده‌ی جاوااسکریپت رو توضیح می‌ده: کامنت‌ها 📝💬.
در این مطلب موارد زیر به زبان ساده و همراه با مثال پوشش داده شده‌اند:
✍️ کامنت تک‌خطی با استفاده از //
📄 کامنت چندخطی با استفاده از /* ... */
💡 اهمیت کامنت‌گذاری درست برای خوانایی و نگه‌داری بهتر کد
🚫 نکاتی درباره‌ی پرهیز از کامنت‌های اضافی یا غیرضروری
این مقاله به شما کمک می‌کنه که از نوشتن کامنت های اضافه خودداری کنید. 👨💻✨
📌 منبع مقاله
در این مطلب موارد زیر به زبان ساده و همراه با مثال پوشش داده شده‌اند:
✍️ کامنت تک‌خطی با استفاده از //
📄 کامنت چندخطی با استفاده از /* ... */
💡 اهمیت کامنت‌گذاری درست برای خوانایی و نگه‌داری بهتر کد
🚫 نکاتی درباره‌ی پرهیز از کامنت‌های اضافی یا غیرضروری
این مقاله به شما کمک می‌کنه که از نوشتن کامنت های اضافه خودداری کنید. 👨💻✨
📌 منبع مقاله
👍4🔥2
type_conversions.pdf
605.8 KB
مقاله‌ی «Type Conversions» در JavaScript.info به یکی از موضوعات مهم جاوااسکریپت می‌پردازه: تبدیل نوع داده‌ها 🔄💡.
در این مطلب، موارد زیر به زبان ساده و همراه با مثال بررسی می‌شن:
🔢 تبدیل به عدد (Number): مثل استفاده از Number() یا عملگر ریاضی.
🧵 تبدیل به رشته (String): وقتی داده‌ها رو با متن ترکیب می‌کنیم.
✅ تبدیل به بولین (Boolean): چه مقادیری true حساب می‌شن و چه مقادیری false.
⚙️ تفاوت بین تبدیل خودکار (Implicit) و تبدیل دستی (Explicit).
این مقاله با مثال‌های کاربردی نشون می‌ده که چطور جاوااسکریپت به‌صورت هوشمندانه انواع داده‌ها رو تغییر می‌ده و چطور می‌تونیم این تبدیل‌ها رو خودمون کنترل کنیم. 👨💻✨
📌 منبع مقاله
در این مطلب، موارد زیر به زبان ساده و همراه با مثال بررسی می‌شن:
🔢 تبدیل به عدد (Number): مثل استفاده از Number() یا عملگر ریاضی.
🧵 تبدیل به رشته (String): وقتی داده‌ها رو با متن ترکیب می‌کنیم.
✅ تبدیل به بولین (Boolean): چه مقادیری true حساب می‌شن و چه مقادیری false.
⚙️ تفاوت بین تبدیل خودکار (Implicit) و تبدیل دستی (Explicit).
این مقاله با مثال‌های کاربردی نشون می‌ده که چطور جاوااسکریپت به‌صورت هوشمندانه انواع داده‌ها رو تغییر می‌ده و چطور می‌تونیم این تبدیل‌ها رو خودمون کنترل کنیم. 👨💻✨
📌 منبع مقاله
👍3❤1
interaction_alert_prompt_confirm.pdf
518.8 KB
مقاله‌ی «alert, prompt, confirm» در JavaScript.info شما رو با سه دستور پرکاربرد جاوااسکریپت برای تعامل با کاربر آشنا می‌کنه 🖥️💬:
⚠️ متد alert: نمایش پیام ساده برای اطلاع‌رسانی به کاربر.
📝 متد prompt: پرسیدن ورودی از کاربر و دریافت مقدار وارد شده.
✅❌ متد confirm: گرفتن تأیید یا رد از کاربر (دکمه‌های OK و Cancel).
با مثال‌های ساده و کاربردی، می‌بینید چطور می‌شه از این دستورات برای برقراری ارتباط مستقیم با کاربر در مرورگر استفاده کرد. 👨💻✨
📌 منبع مقاله
⚠️ متد alert: نمایش پیام ساده برای اطلاع‌رسانی به کاربر.
📝 متد prompt: پرسیدن ورودی از کاربر و دریافت مقدار وارد شده.
✅❌ متد confirm: گرفتن تأیید یا رد از کاربر (دکمه‌های OK و Cancel).
با مثال‌های ساده و کاربردی، می‌بینید چطور می‌شه از این دستورات برای برقراری ارتباط مستقیم با کاربر در مرورگر استفاده کرد. 👨💻✨
📌 منبع مقاله
👍2🔥1
operators.pdf
1.1 MB
مقاله‌ی «Operators» در JavaScript.info به بررسی یکی از بخش‌های کلیدی جاوااسکریپت می‌پردازه: عملگرها ⚡🧮.
در این مطلب، موارد زیر به زبان ساده و همراه با مثال توضیح داده شده‌اند:
➕➖✖️➗ عملگرهای ریاضی برای محاسبات پایه
🟰 عملگرهای انتساب (Assignment) مثل =, +=, *=
🔍 عملگرهای مقایسه‌ای مثل >, <, ==, === برای بررسی شرط‌ها
🔗 عملگرهای منطقی (Logical) مثل &&, ||, !
🚀 عملگرهای خاص و کاربردی مثل الحاق رشته‌ها و افزایش/کاهش (++, --)
این مقاله با مثال‌ها و توضیحات روشن، درک شما از نحوه‌ی کار با داده‌ها و شرط‌ها در جاوااسکریپت رو عمیق‌تر می‌کنه 👨💻✨
📌 منبع مقاله
در این مطلب، موارد زیر به زبان ساده و همراه با مثال توضیح داده شده‌اند:
➕➖✖️➗ عملگرهای ریاضی برای محاسبات پایه
🟰 عملگرهای انتساب (Assignment) مثل =, +=, *=
🔍 عملگرهای مقایسه‌ای مثل >, <, ==, === برای بررسی شرط‌ها
🔗 عملگرهای منطقی (Logical) مثل &&, ||, !
🚀 عملگرهای خاص و کاربردی مثل الحاق رشته‌ها و افزایش/کاهش (++, --)
این مقاله با مثال‌ها و توضیحات روشن، درک شما از نحوه‌ی کار با داده‌ها و شرط‌ها در جاوااسکریپت رو عمیق‌تر می‌کنه 👨💻✨
📌 منبع مقاله
👍3
comprison.pdf
802.8 KB
مقاله‌ی «Comparison» در JavaScript.info به یکی از مفاهیم مهم جاوااسکریپت می‌پردازه: مقایسه‌ی مقادیر 🔍⚖️.
در این مطلب موارد زیر به‌طور ساده و همراه با مثال توضیح داده شده‌اند:
🔢 عملگرهای مقایسه‌ای عددی مثل >, <, >=, <=
🟰 تفاوت بین == (مقایسه‌ی شل) و === (مقایسه‌ی سختگیرانه)
📏 مقایسه‌ی رشته‌ها بر اساس ترتیب یونیکد (Unicode order)
🧩 مقایسه‌ی مقادیر خاص مثل null و undefined
🧪 تمرین‌ها و مثال‌هایی برای درک بهتر رفتار جاوااسکریپت در شرایط مختلف
این مقاله بهتون کمک می‌کنه منطق شرط‌ها و تصمیم‌گیری در کدتون رو دقیق‌تر و مطمئن‌تر بسازید 👨💻✨
📌 منبع مقاله
در این مطلب موارد زیر به‌طور ساده و همراه با مثال توضیح داده شده‌اند:
🔢 عملگرهای مقایسه‌ای عددی مثل >, <, >=, <=
🟰 تفاوت بین == (مقایسه‌ی شل) و === (مقایسه‌ی سختگیرانه)
📏 مقایسه‌ی رشته‌ها بر اساس ترتیب یونیکد (Unicode order)
🧩 مقایسه‌ی مقادیر خاص مثل null و undefined
🧪 تمرین‌ها و مثال‌هایی برای درک بهتر رفتار جاوااسکریپت در شرایط مختلف
این مقاله بهتون کمک می‌کنه منطق شرط‌ها و تصمیم‌گیری در کدتون رو دقیق‌تر و مطمئن‌تر بسازید 👨💻✨
📌 منبع مقاله
❤3👌1
understanding_comparison_and_logical_operators_in_javanoscript.pdf
666.8 KB
این مقاله به شکلی ساده و کاربردی، شما رو با عملگرهای مقایسه‌ای و منطقی در جاوااسکریپت آشنا می‌کنه 🔍⚖️🧩.
در این مطلب می‌خونید:
🔢 عملگرهای مقایسه‌ای مثل >, <, ==, === و تفاوت بین آن‌ها
🔗 عملگرهای منطقی مثل && (و)، || (یا) و ! (نفی)
🧩 نحوه‌ی ترکیب شرط‌ها برای تصمیم‌گیری دقیق‌تر در برنامه‌ها
🧪 مثال‌های عملی برای تمرین و درک بهتر این مفاهیم
این مقاله به شما کمک می‌کنه تا شرط‌ها و منطق کدنویسی‌تون رو قوی‌تر کنید و خطاهای رایج رو از بین ببرید 👨💻✨
📌 منبع مقاله
در این مطلب می‌خونید:
🔢 عملگرهای مقایسه‌ای مثل >, <, ==, === و تفاوت بین آن‌ها
🔗 عملگرهای منطقی مثل && (و)، || (یا) و ! (نفی)
🧩 نحوه‌ی ترکیب شرط‌ها برای تصمیم‌گیری دقیق‌تر در برنامه‌ها
🧪 مثال‌های عملی برای تمرین و درک بهتر این مفاهیم
این مقاله به شما کمک می‌کنه تا شرط‌ها و منطق کدنویسی‌تون رو قوی‌تر کنید و خطاهای رایج رو از بین ببرید 👨💻✨
📌 منبع مقاله
👍4👌1
ifelse.pdf
697.2 KB
مقاله‌ی «if...else» یکی از مفاهیم پایه‌ای و مهم در جاوااسکریپت رو آموزش می‌ده: ساختار شرطی 🤔⚙️.
در این مطلب به زبانی ساده و همراه با مثال، موضوعات زیر بررسی شده‌اند:
🔍 دستور شرطی if برای تصمیم‌گیری در کد
🔄 استفاده از else و else if برای اجرای مسیرهای مختلف
🧩 نوشتن شرط‌های چندگانه و بررسی منطق پشت اون‌ها
💡 نکات و اشتباهات رایج هنگام کار با شرط‌ها در جاوااسکریپت
🧪 مثال‌ها و تمرین‌هایی برای درک بهتر جریان تصمیم‌گیری
این مقاله به شما کمک می‌کنه تا بتونید برنامه‌هاتون رو هوشمندتر و منطقی‌تر بسازید 👨💻✨
📌 منبع مقاله
در این مطلب به زبانی ساده و همراه با مثال، موضوعات زیر بررسی شده‌اند:
🔍 دستور شرطی if برای تصمیم‌گیری در کد
🔄 استفاده از else و else if برای اجرای مسیرهای مختلف
🧩 نوشتن شرط‌های چندگانه و بررسی منطق پشت اون‌ها
💡 نکات و اشتباهات رایج هنگام کار با شرط‌ها در جاوااسکریپت
🧪 مثال‌ها و تمرین‌هایی برای درک بهتر جریان تصمیم‌گیری
این مقاله به شما کمک می‌کنه تا بتونید برنامه‌هاتون رو هوشمندتر و منطقی‌تر بسازید 👨💻✨
📌 منبع مقاله
👍3🔥1🙏1
