* عوامل موثر توی علاقه ما به برنامه نویسی *

اگر میخواید برنامه نویسی رو شروع کنید پیشنهاد میکنم این ویدیو رو ببینید 🚀

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

#NEWPost
Channel | YouTube | Instagram

#اطلاع_رسانی قرار بود امروز تحلیل چالشی که داشتیم رو هم بزاریم ولی متاسفانه به دلیل کندی نت تا الان درگیر اپلود این بزرگوار بودم 😂🤦🏼‍♂️

ایشالا فردا پر قدرت میریم برای تحلیل متد defineProperty 🚀

#WhatsThat #javanoscript #object

* متد Object.defineProperty در جاوااسکریپت چیست ؟  *
#part1

یکی از روش‌های قدرتمند در جاوااسکریپت برای تعریف یا تغییر ویژگی‌های یک شیء به صورت دقیق و کنترل شده Object.defineProperty است. با استفاده از این متد، می‌توانید ویژگی‌های جدیدی به یک آبجکت اضافه کنید یا ویژگی‌های موجود را تغییر دهید و حتی رفتارهای سفارشی مدنظر خودتون رو برای آن‌ها تعریف کنید.

ویژگی های کلیدی Object.defineProperty 🚀

➊ کنترل کامل بر روی ویژگی‌ها : شما می‌توانید مشخص کنید که آیا یک ویژگی قابل خواندن، نوشتن یا حذف شدن است یا خیر.

➋ تعریف getter و setter : می‌توانید فانکشنالیتی کاستوم خودتون رو برای خواندن (getter) و نوشتن (setter) مقدار یک ویژگی تعریف کنید. این به شما اجازه می‌دهد تا عملیات پیچیده‌تری را قبل یا بعد از تغییر مقدار یک ویژگی انجام دهید.

➌ ایجاد ویژگی‌های غیر قابل تغییر : می‌توانید ویژگی‌هایی ایجاد کنید که پس از مقداردهی اولیه قابل تغییر نباشند ( در چالش قبلی از این این ویژگی استفاده شده بود ).

➍ بهینه سازی عملکرد : در برخی موارد، استفاده از Object.defineProperty می‌تواند به بهبود عملکرد کد کمک کند.

✅ ساختار کلی Object.defineProperty

Object.defineProperty(obj, prop, denoscriptor);

1️⃣ obj : آبجکتی که می‌خواهید ویژگی آن را تعریف یا تغییر دهید.

2️⃣ prop : نام ویژگی‌ای که می‌خواهید تعریف کنید.

3️⃣ denoscriptor : یک آبجکت که ویژگی‌های مورد نظر برای ویژگی جدید را توصیف می‌کند.

⚡ در کل Object.defineProperty یک ابزار قدرتمند برای کنترل دقیق پروپرتی‌ها در جاوا اسکریپت است. با درک کامل این متد، می‌توانید کدهای تمیزتر و انعطاف‌پذیرتری بنویسید. هدف این پست صرفا معرفی این متد بود، توی پست های بعدی به صورت جزئی بخش های جزئی و حرفه ای تر این متد رو بررسی میکنیم ✅

⚠️ ( حتما به این نکته توجه کنید که استفاده بیش از حد از Object.defineProperty می‌تواند کد را پیچیده‌تر کند. بنابراین، بهتر است از آن در مواردی استفاده کنید که واقعا نیاز به کنترل دقیق بر روی ویژگی‌های یک شیء دارید )

Channel | YouTube | Instagram

#fun

وقتی 6 ساعته داری کد میزنی ولی بازم کدت درست کار نمیکنه :

Channel | YouTube | Instagram

#tools #website #api #fake_api

💎 معرفی وبسایت 💎

اگر front-end دولوپر هستید و نیاز به api با دیتای فارسی دارید برای ساخت نمونه کار و پروژه های تمرینی خودتون میتونید از وبسایت http://iransweb.com استفاده کنید که توسط یکی از هموطن های خوبمون ساخته شده 🤞🚀


به درد کیا میخوره ؟ 🤔

این وبسایت برای افرادی که نیاز به api فارسی دارند برای پروژه های خودشون میتونه گزینه بسیار خوبی باشه زیرا دسته بندی های مختلفی را مانند فروشگاه موبایل، قهوه، پوشاک و ... را برای api ها در نظر گرفته که تنوع خوبی ایجاد میکنه برای استفاده شما 🔥

این هم پست لینکدین سجاد عزیز، سازنده این وبسایت هست که میتونید برای حمایت از ایشون از صفحه خودشون وارد سایت بشید ⚡

Channel | YouTube | Instagram

#javanoscript #js_trick #object

* متد Object.defineProperty در جاوااسکریپت چیست ؟  *
#part2

توی پارت قبلی به معرفی متد Object.defineProperty پرداختیم و ویژگی های کلیدی و ارگومان های مختلف این متد رو بررسی کردیم :

obj | prop | denoscriptor

و متوجه شدیم که با آرگومان denoscriptor میتونیم یسری ویژگی های جدید رو به پروپرتی خودمون اضافه کنیم تا کنترل بهتری روی پروپرتی خودمون داشته باشیم، حالا توی این پارت قراره که به صورت جزئی تر به مقادیر آرگومان denoscriptor بپردازیم و دونه به دونه با هم دیگه بررسی‌شان کنیم ⚡


مقادیر آرگومان denoscriptor 🚀

➊ value : مقدار اولیه ویژگی.

➋ configurable : مقدار بولینی که مشخص می‌کند آیا می‌توان ویژگی را حذف کرد یا تعریف آن را تغییر داد. 🛑🔁

➌ enumerable : یک مقدار بولین که مشخص می‌کند آیا ویژگی در یک حلقه for...in ظاهر می‌شود یا خیر. 👁️‍🗨️

➍ writable : یک مقدار بولین که مشخص می‌کند آیا می‌توان مقدار ویژگی را تغییر داد. 📝

➎ get : یک تابع که بعنوان گِتِر برای پروپرتی ما عمل میکند.

➏ set : یک تابع که به عنوان سِتِر برای پروپرتی ما عمل می‌کند.

✅ مثال عملی :

const person = {};

Object.defineProperty(person, 'name', {
  value: 'علی',
  writable: false,
  enumerable: true,
  configurable: false
});

console.log(person.name); // خروجی: علی

person.name = 'حسن' ;

ℹ️ در این مثال، ما یک ویژگی جدید به نام name با مقدار اولیه علی به آبجکت person اضافه کردیم. همچنین مشخص کردیم که این ویژگی قابل تغییر نیست، در حلقه‌های for...in قابل مشاهده است و نمی‌توان آن را حذف کرد.

⚠️ در نتیجه خط اخر با خطا مواجه میشود زیرا ویژگی writable را برابر با false قرار دادیم و پروپرتی name قابل تغییر نیست.

💥 توی پارت بعدی که پارت پایانی هستش درمورد دو پروپرتی set و get در denoscriptor به صورت کامل صحبت میکنیم و به صورت جزئی به بررسی این دو ویژگی می‌پردازیم ☕

Channel | YouTube | Instagram

#tips

واقعا نکته مهمیه رفقا
به نظر من حتما بهش توجه کنید چون یسریا میان سراغ برنامه نویسی با این دید که قراره پول زیادی به دست بیارن با اینکه اصلا داستان اینجوری نیست و به این شکل عمل نمیکنه. نه برنامه نویسی و نه هیچ شغل دیگه ای.

برید دنبال کاری که بهش علاقه دارید، پول میاد خودش !

#event #frontend #از_کد_تا_کوه

* از کد 🧑‍💻 تا کوه⛰️ *

تا حالا شده بخوای بری کوه، هوای تازه بخوری، ولی هیچکی رو نداشته باشی که باهات بیاد ؟ 😶

این موضوع همیشه یکی از چالشای اصلی خودم بوده، چون من خیلی علاقه مند به طبیعت گردی و کوهنوردی هستم ولی خب خیلی وقتا که میخواستم برم سراغش میدیدم که هیچ همراه و هم صحبتی ندارم، برای همین تصمیم گرفتم که این مشکل رو حل کنم 🚀

سلام به همه ی فرانت‌اند کارای خفن و طبیعت‌گردای حرفه‌ای! 💥👁️‍🗨️

ما یه برنامه‌ی جذاب و هیجان‌انگیز رو براتون تدارک دیدیم تا بتونید هم کوهنوردی کنید هم با یه عالمه آدمای باحال و فرانت اند دولوپرای هم تخصص خودتون آشنا بشید. 🤩🔥


*❔ چرا این برنامه برای تو خاصه ؟ ☺️ *

➊ همراهی با همکارا : یه مشت برنامه‌نویس فرانت‌اند خلاق و پرانرژی، مسیر رو قدم‌به‌قدم طی می‌کنیم و کلی حرف می‌زنیم، #از_کد_تا_کوه و طبیعت.

➋ آشنایی با آدمای جدید : دوستای جدیدی پیدا می‌کنی که باهاشون مشترکات زیادی داری و هم تخصص خودت هستند.

➌ طبیعت‌گردی : از هوای پاک و چشم‌اندازهای زیبای کوه حسابی لذت می‌بریم و کلی انرژی می‌گیریم برای یک هفته پربار و آتیشی.

➍ صبحانه‌ی سنتی : با یه صبحانه‌ی دلچسب توی یکی از کافه های سنتی دربند روزمونو کامل میکنیم ☕️

* 📆 جزئیات برنامه 🔍 *

📌 زمان : جمعه ۲۶ مرداد ساعت ۷:۰۰  🗓️

📌 مکان : دربند 🚩

📌 سطح سختی : متوسط (مناسب برای همه) ‍♀️‍♂️

📌 مدت زمان پیمایش : ۱ الی ۱ ساعت و ۲۰ دقیقه ( از میدان سربند ) ⏱️

نکته : به دلیل محدودیت در لوکیشن صبحانه ظرفیت محدودی در نظر گرفته شده و اولویت با عزیزانی هست که زودتر اعلام آمادگی میکنند.

برای حضور توی این برنامه به آیدی زیر پیام بدید برنامه براتون ارسال میشه ✅

@MohammadTazaroie

❌ عزیزان این برنامه کاملاً دوستانه برگزار میشه و اعضای تیم هیچ مسئولیتی در قبال اتفاقات احتمالی نخواهند داشت.

Channel | YouTube | Instagram

راستی تا یادم نرفته چند تا نکته باید اضافه کنم! ✋

اول از همه بگیم که خیلی خوشحالیم که شما رو تو این برنامه می‌بینیم. این برنامه رو مخصوص فرانت‌اند کارا گذاشتیم تا بتونیم با همدیگه بیشتر آشنا بشیم و کلی حرف بزنیم.

راستش رو بخوایین، دوست داریم یه جورایی یه خانواده‌ی برنامه‌نویسی درست کنیم که همگی با هم رشد کنیم و به هم کمک کنیم.

ولی نگران نباشید! اگه شما توی شاخه های دیگه فعالیت می‌کنید مثل backend, DevOps و حتی حوزه های کاری دیگه مثل UI, UX , Graphic design و ... و به طبیعت‌گردی علاقه‌مندید، درها به روتون بازه! از طریق آیدی زیر بهمون بگید استک و حوزه کاریتونو تا برنامه‌های بعدی رو با توجه به علایق شما هم برگزار کنیم.

@coolycodesupport

#fun

- نیم ساعته دارم به این تصویر نگاه میکنم

Channel | YouTube | Instagram

سلام و درود رفقا
گپ کولی کد رو هم استارت زدیم 😁

هدف از ایجاد این گروه اینه که بتونیم به هم کمک کنیم و همگی با هم رشد کنیم 🚀

https://news.1rj.ru/str/coolycoder

بهترین کامنت تا اینجا 😂🔥

#javanoscript #js_trick

* تبدیل مقادیر آرایه از String به Number *

یکی از روش های جالب برای تبدیل تایپ همه آیتم های یک آرایه از string به number استفاده از روش زیر هست ⚡

const stringNumbers = ["12", "4.36", "2000", "mohammad"];

const numbers = stringNumbers.map(Number);

console.log(numbers);

خروجی کد 🧑‍💻

[457, 5.36, NaN, 4500]

توی این کد متد map روی آرایه stringNumbers اعمال می‌شود. این متد هر عنصر آرایه را به یک تابع (در اینجا تابع Number) پاس می‌دهد و نتیجه را در یک آرایه جدید قرار می‌دهد.
تابع Number تلاش می‌کند که هر رشته را به یک عدد تبدیل کند. اگر رشته قابل تبدیل به عدد نباشد، NaN برمی‌گرداند.

در نهایت برای حذف مقادیر NaN میایم و فیلترشون میکنیم :

const filteredNumbers = numbers.filter(number => !isNaN(number));

console.log(filteredNumbers);

و توی خروجی فقط اعداد درست رو دریافت میکنیم ✅

[457, 5.36, 4500]

Channel | YouTube | Instagram

#chalange #js_challenge

خروجی این کد چی میشه ؟ 🤔

Channel | YouTube | Instagram

* چنل یوتوبمونم صد تایی شد 🥳🎉 *

دمتون گرم که تا اینجا همراهمون بودید ❤️

امیدوارم روز به روز بتونم ویدیو های باکیفیت تری براتون بسازم تا همینجوری پله های موفقیت رو در کنار هم طی بکنیم 🚀

به همین مناسبت ویدیو جدید رو بعد از چند هفته منتشر میکنیم 🔥

#tools #website

💎معرفی وبسایت 💎

* می‌خوای اسکرین‌شات کدت حرفه‌ای‌تر و جذاب‌تر به نظر برسه؟ 🤔 *

تو این ویدیو یه ابزار بی‌نظیر بهتون معرفی کردم که باهاش می‌تونید از کد های خودتون اسکرین شات‌هایی با طراحی دلخواه خودتون بسازید ⚡

این وبسایت قابلیت کاستومایز بالایی رو در اختیار شما قرار میده و تقریبا همه چیز مثل رنگ‌ها، فونت‌ها، پس‌زمینه و هرچیزی که به ذهنتون می‌رسه با این وبسایت قابل تغییره ⚡

پ.ن : اگر دنبال یه راه ساده و سریع برای ایجاد اسکرین شات‌های باکیفیت از کد های خودتی، این ویدیو رو از دست نده 😁

مشاهده ویدیو

Channel | YouTube | Instagram

میخند ؟ 😂😈

#fun

موقعیت : هر بار که میرم ببینم کی این باگو ساخته

Channel | YouTube | Instagram