نوشته های عرفان سلیمانی

تفاوت null و undefined در جاوا اسکریپت

عرفان سلیمانی — Tue, 03 Aug 2021 19:59:52 +0430

فرق null و undefined در جاوا اسکریپتسلام دوستان. من در این مقاله تفاوت null و undefined در جاوا اسکریپت رو به صورت مختصر و مفید برای شما توضیح میدم.nullاستفاده از null یعنی شما متغیرتون رو مقداردهی کردید ولی مقداری که بهش دادید تهی هستش.let data = null; console.log(data); console.log(typeof data);مثلا متغیری که در بالا تعریف کردیم رو اگه لاگ بگیریم مقدار null رو برمیگردونه و تایپش object هست.undefinedتو undefined متغیر تعریف شده ولی هیچ مقداری بهش داده نشده. مثل کد زیر.let data = undefined; console.log(data); console.log(typeof data);متغیری که در بالا تعریف کردیم رو اگه لاگ بگیریم مقدار undefined رو برمیگردونه و تایپش هم undefined هست.

روش های یادگیری برنامه نویسی

عرفان سلیمانی — Thu, 15 Jul 2021 10:35:54 +0430

انواع روش های یادگیری برنامه نویسیسلام دوستان. من در این مقاله بهترین روش های یادگیری برنامه نویسی رو به صورت مختصر و مفید برای شما توضیح میدم و شما در آخر خودتون تصمیم میگیرید که از کدوم روش استفاده کنید۱ـ آموزشگاه برنامه نویسیتوی ایران آموزشگاه‌های برنامه نویسی زیادی وجود داره که برنامه ‌نویسی رو در حوزه‌های مختلف آموزش میدن و اکثر آموزش‌هاشون به صورت پروژه محور هستش. بعضی از آموزشگاه‌ها در آخر، مدرک هم بهتون میدن که میتونه توی استخدام شدن بهتون کمک کنه.۲ـ فیلم‌های آموزشیفیلم‌های آموزش برنامه نویسی زیادی داخل اینترنت وجود داره که میتونید با اونا به راحتی زبان برنامه‌نویسی دلخواهتون رو یاد بگیرید. البته بعضی از آموزش‌ها پولی هستن و باید اونا رو خریداری کنید، ولی آموزش‌های رایگان زیادی هم وجود داره که میتوند از اونا استفاده کنید. سایت‌های آپارات و یوتیوب هم آموزش‌های رایگان و خوبی رو دارن که میتونید با یه سرچ ساده بهشون دسترسی پیدا کنید.۳ـ کتاب‌های آموزشیکتاب‌های آموزشی هم راه خوبی واسه یادگیری برنامه نویسی هستش. کتاب‌های آموزش برنامه نویسی در خیلی از کتابخانه‌ها وجود داره و شما میتونید با مراجعه به کتابخانه‌های خوب شهرتون این کتاب‌ها رو تهیه کنید. البته کتاب‌های pdf هم وجود داره که میتونید با یه سرچ ساده از اینترنت دانلود کنید.نتیجه گیریخیلی خب. با سه تا از بهترین روش‌های یادگیری برنامه نویسی آشنا شدید و حالا با توجه به علاقه و شرایط خودتون میتونید یکی از این روش‌ها رو انتخاب کنید و برنامه نویسی رو شروع کنید.

تفاوت var و let و const در جاوا اسکریپت

عرفان سلیمانی — Sat, 26 Jun 2021 11:23:53 +0430

تفاوت var و let و const در jsسلام دوستان. من در این مقاله تفاوت var و let و const در js رو به صورت مختصر و مفید برای شما توضیح میدم. در ادامه با من همراه باشید.var و letمتغیرهایی که با var ایجاد می‌شوند، می‌توانند محلی یا سراسری باشند. مثلا متغیری که درون هیچ فانکشنی تعریف نشده باشد، در همه جای کد قابل دسترسی است. کد زیر رو ببینید.var x = 5; function myFunction() { alert(x); }در کد بالا یک متغیر سراسری ایجاد کردیم و داخل یک فانکشن به اون متغیر دسترسی پیدا کردیم. به این متغیر، متغیر سراسری میگویند.حالا میخوایم یک متغیر محلی با var ایجاد کنیم. کد زیر رو ببینید.function myFunction() { var name = "erfan" }در کد بالا یک متغیر درون یک فانکشن ایجاد کردیم. این متغیر فقط درون این فانکشن قابل دسترسی هست. به این نوع متغیرها، متغیر داخلی میگویند.نکته مهم اینجاست که اگر با var، یک متغیر تعریف کنیم و بعد داخل یک بلاک، یک متغیر دیگه با همون نام تعریف کنیم، متغیر اول از بین میره. کد زیر رو ببینید.var y = 3; if (true) { var y = 5; } console.log(y);در کد بالا خروجیِ console.log(y)، عدد 5 است. ولی اگر همین متغیرها رو با let تعریف کنیم داستان تغییر خواهد کرد. کد زیر رو ببینید.let y = 3; if (true) { let y = 5; } console.log(y);در کد بالا خروجیِ console.log(y) عدد 3 خواهد بود. و متغیر دوم فقط داخل همون بلاک قابل دسترسی هستش و هر متغیر جداست. اینم از تفاوت var و let. در ادامه const رو هم بررسی میکنیم. با من همراه باشید.نکته: الان دیگه تقریباً var منسوخ شده و بهتر است که بجای var از let استفاده کنید.constمتغیرهایی که با const تعریف می‌شوند، فقط یک بار می‌توان به آنها مقدار داد. کد زیر رو ببینید.const number = 5; number = 3;وقتی کد بالا رو خروجی بگیریم خطا میده. چون number قبلا مقداردهی شده و وقتی دوباره بخوایم بهش مقدار بدیم با خطا مواجه میشویم. اینم از const.جمع بندی:متغیرهای var یا سراسری هستند یا محلی، ولی متغیرهای let و const دارای حوزه بلاکی هم هستند، یعنی متغیرهایی که در بلاک تعریف می‌شوند جدا هستند.به متغیرهای const فقط یک بار می‌توانیم مقدار بدیم.از هر نوع متغیر باید در جای مخصوص خودش استفاده شود، مثلا وقتی میخواهیم یک عدد در برناممون همیشه ثابت باشه باید اون متغیر رو با const تعریف کنیم.

متغیرها در css

عرفان سلیمانی — Fri, 25 Jun 2021 12:38:20 +0430

متغیرهای سی اس اسسلام دوستان. من در این مقاله متغیرهای css رو به صورت مختصر و مفید برای شما آموزش میدم. استفاده از متغیرهای css در طراحی سایت خیلی کاربردیه و همچنین کار شما رو سریع‌تر میکنه. پیشنهاد میکنم حتما ازش استفاده کنید.ایجاد متغیر در cssبرای ایجاد متغیر کافی است که ابتدا -- را قرار دهیم و سپس نام متغیر را بنویسیم(متغیرها هم مانند تمامی ویژگی‌های css باید داخل یک سلکتور نوشته شوند). به صورت زیر.body { --titr-color: #ffb700; }ما در این کد یک متغیر به نام titr-color-- ایجاد کردیم و یک رنگ سبز به آن دادیم. حالا میخواهیم از این متغیر استفاده کنیم.استفاده از متغیر در cssبرای استفاده از متغیری که ایجاد کردیم کافی است با استفاده از تابع ()var این کار رو به راحتی انجام بدیم. کد زیر رو ببینید.h2 { color: var(--titr-color); }همانطور که در کد بالا میبینید ما رنگ تگ‌های h2 رو با استفاده از تابع ()var به رنگ titr-color-- تبدیل کردیم و الان همه تگ‌های h2 صفحه ما سبز شدند.محدوده متغیر در cssمتغیرهای css هم مانند سایر زبان‌های برنامه نویسی محدوده خاص دارند. این محدوده بر اساس ساختار html می‌باشد. مثلا ما در کد زیر یک متغیر ایجاد کرده‌ایم که فقط داخل زیرمجموعه‎‌های parent. قابل استفاده است..parent { --paragraph-color: #373737; } .parent p { color: var(--paragraph-color); }در کد بالا تمام تگ های p که زیرمجوعه parent. هستند رنگشان به رنگ متغیر paragraph-color-- تغییر کرده است. ما نمیتوانیم از متغیر paragraph-color-- در body استفاده کنیم، چون که body زیرمجوعه parent. نیست.نکاتی که باید بدانید:متغیرهای css فقط برای رنگ استفاده نمی‌شوند و شما میتوانید به متغیرها سایز و... هم بدهید.اگر مقدار متغیری را در css تغییر دهید، این تغییر بر روی ویژگی‌هایی که از آن متغیر استفاده کردند اعمال می‌شود.متغیرهای css با متغیرهای sass فرق دارند.بقیه مقاله‌های من:روش های یادگیری برنامه نویسیتفاوت var و let و const در جاوا اسکریپتتبدیل اعداد انگلیسی به فارسی در جاوا اسکریپت

تبدیل اعداد انگلیسی به فارسی در جاوا اسکریپت

عرفان سلیمانی — Fri, 25 Jun 2021 09:46:41 +0430

تبدیل اعداد انگلیسی به فارسی در jsسلام دوستان. من در این مقاله به شما کمک میکنم که با استفاده از یک فانکشن در js بتونید به راحتی یک عدد انگلیسی رو به فارسی تبدیل کنید!برای این کار کافیه یک عدد رو به عنوان ورودی به فانکشن زیر بدید.function numberToPersian(number) { const persian = { 0: "۰", 1: "۱", 2: "۲", 3: "۳", 4: "۴", 5: "۵", 6: "۶", 7: "۷", 8: "۸", 9: "۹" }; number = number.toString().split(""); let persianNumber = "" for (let i = 0; i < number.length; i++) { number[i] = persian[number[i]]; } for (let i = 0; i < number.length; i++) { persianNumber += number[i]; } return persianNumber; }مثلا عدد 14 رو به این صورت به فانکشن بدید numberToPersian(14) و این فانکشن عدد ۱۴ رو به صورت فارسی بهتون برمیگردونه!