رقصنده با کد (و غیره)

🔹کاربرد افزونه Wappalzer در chrome ✅این افزونه به برنامه نویسان، لیستی از زبانهای برنامه نویسی و فریمورکهای استفاده شده در صفحات وب ارائه میدهد. پس از نصب این افزونه کافیست وارد وبسایت مورد نظر شوید و روی آیکون این افزونه کلیک کنید. یک لیست از تمام ابزارهای استفاده شده ارائه میدهد و برای دسترسی به جزییات بیشتر برای هر بخش میتوانید روی هر یک از گزینه‌های لیست کلیک کنید. https://www.wappalyzer.com/ @alithecodeguy

اولین مقاله medium رو منتشر کردم. ممنون میشم مطالعه کنید و نقاط قوت و ضعفم رو بگید ( و ترجیحا لایک کنید 😁 ) https://medium.com/@alithecodeguy/how-we-can-disable-autocomplete-or-autofill-attribute-on-a-web-page-input-fields-c97d5ed867cb #medium

🔹کاربرد متد split و join ✅متد split بر روی string اعمال میشود و بر اساس آرگومانی که به آن میدهیم رشته رو جدا میکند و یک آرایه را برمیگرداند. ✅متد join بر روی آرایه اعمال میشود. المانهای آرایه را با استفاده از آرگومانی که به آن میدهیم کنار هم قرار میدهد. @alithecodeguy

قیمت اکانت دوساله الان توی این لحظه ۲ میلیون و ۹۰۰ هزار. با توجه به نرخ ارز و تغییر تخفیف های خود سایت اصلی ، قیمتش تغییر میکنه. ۶ نفر هم میتونن همزمان استفاده کنن.

🔹تفاوت عملگر == با === در جاوا اسکریپت: ✅عملگر === دو متغیر را از دو بعد type و value باهم مقایسه میکند و اگر type و value دو متغیر یکسان باشد مقدار true میشود. ✅عملگر == فقط value دو متغیر را باهم مقایسه میکند اگر مقدار آنها باهم برابر باشد مقدار true را برمیگرداند. @alithecodeguy

فروش اکانت VPN از شرکت NordVPN روی هر نوع سیستم عاملی میاد بالا و تقریبا میشه گفت که اصلا قطعی نداره و سرعت فوق العاده خوب. توانایی اتصال همزمان ۶ دستگاه و تقریبا روی اکثر کشورها چندین تا سرور داره. برای دوستانی که اطلاع ندارن عرض کنم که بهترین VPN دنیا هستن ایشون. با سود ۱۰ درصدی نسبت به قیمت اصلی سایت در اختیارتون قرار میگیره. برای اطلاعات بیشتر در مورد قیمت و ... پیام خصوصی بدید @codewithali

دوستان محترم اگر نیاز به هر گیفت کارتی داشتید با حاشیه سود ۱۰ درصدی نسبت به قیمت اصلی میتونم براتون تهیه کنم. به تقریبا ۱۰۰۰ نوع گیفت کارت دسترسی دارم. پلی استیشن ، ایکس باکس ، اسپاتیفای ، اسکایپ و ... بین ۱۰ دقیقه الی ۲ ساعت هم براتون ارسال میشه. برای اطلاعات بیشتر پیام خصوصی بدید @codewithali

🔹تفاوت function call and function reference (func و ()func) ✅زمانیکه یک تابع، منتظر است به آن یک رفرنس دهید نباید آن را call کنید. درواقع یک رفرنس به آن assign میکنید. ✅زمانیکه بخواهیم به طور خاص یک تابع را فراخوانی کنیم، آن تابع را با () صدا میزنیم که بلافاصله تابع را اجرا میکند و مقدار بازگشتی را متغیر مورد نظر اختصاص میدهد و منتظر دادن دستور از سمت کاربر نمیشود. برای حل این مشکل میتوانید از arrow function یا anonymous function استفاده کنید. ✅برای درک بهتر این موضوع ویدئوی بالا را مشاهده کنید. https://stackoverflow.com/questions/15886272/what-is-the-difference-between-a-function-call-and-function-reference @alithecodeguy

🔹فعال کردن github page برای پروژه های ریکت ✅همانطور که میدانید در پروژه‌های ریکت فولدری به نام node_module وجود دارد که تمام وابستگی‌های پروژه در این فولدر نصب و ذخیره میشوند. همچنین این فولدر به دلیل حجم بالایی که دارد جزو فایلهایی میباشد که در gitignore قرار میگیرد، بنابراین هنگام push کردن پروژه در گیت هاب فولدر node_module در ریپوزیتوری گیت هاب قرار نمیگیرد در نتیجه، بدون وجود این فولدر هنگام فعال کردن github pages پروژه به عنوان یک صفحه وب اجرا نخواهد شد بنابراین لازم است برخی تنظیمات انجام شود تا بتوانید از github pages برای پروژه های ریکت هم استفاده کنید. برای انجام تنظیمات مورد نیاز پیشنهاد میشود ویدئو را مشاهده کنید. @alithecodeguy

جاب گای مدتیه جمع شده. برای دوستانی که نمیدونن عرض کنم جایی بود که همه میرفتن نظراشون رو راجع به شرکت های مختلف مینوشتن و کسانی که میخواستن برن جایی مشغول شن میرفتن اونجا یه سر میزدن. یه بنده خدایی اومده دیتاهاش رو جمع کرده و برای استفاده گذاشته. https://tajrobe.github.io/ #job #jobguy #alithecodeguy @alithecodeguy

🔹فایل gitignore. چیست؟ ✅یکی از فایلهای بسیار پر کاربرد در گیت هست. در ظاهر کمی ترسناک به نظر میرسه ولی در عین حال بسیار ساده و کاربردی هست. درواقع یک فایل ساده است که لیست تمام فایل‌هایی که نمی‌خواهیم به حالت stage دربیایند، در آن قرار می‌دهیم. به عبارت دیگر مشخص کننده مواردی است که گیت باید آنها را نادیده بگیرد. برای اینکه بدونید چطور از این فایل استفاده کنید پیشنهاد میکنم ویدئوی بالا رو مشاهده کنید. @alithecodeguy #git #github

✅برای فعال کردن github pages برای هر یک از پروژه های خود لازم است برخی از تنظیمات را بر روی ریپوزیتوری مورد نظر خود انجام دهید. در این ویدئو به تمام جزییات اشاره شده است.

اگر خاطرتون باشه قصد داشتیم سایت صرافی رمزارز بایننس رو پیاده سازی کنیم. ولی خب به یه سری صفحاتش تا اکانت نداشته باشی نمیشه دسترسی داشت و اکانت هم برای ایرانیها باز نمیکنه. به خاطر همین رفتیم سراغ صرافی کوینکس. مخزن جدید گیت هاب برای پروژه کوینکس که کدهاش آپدیت شده و اماده استفادس. https://github.com/alithecodeguy/CoinexFace ترجمه هامون هم داریم پیش میریم به عنوان یه پروژه جانبی. تمرکز اومد روی این پروژه. سعی میکنیم هر هفته حداقل یک صفحه بخوره. از دوستان هر کسی تمایل داشت میتونه همکاری کنه. تمرکز الان روی صفحه لندینگه. توی کدها آدرس و توضیخات نوشتم. پیشنهاد میکنم فایل ریدمی رو هم بخونید. آموزش پول ریکوست برای مشارکت: https://opensource.com/article/19/7/create-pull-request-github #github #opensource #coinex

🔹github pages ✅یکی از جذابترین استفاده‌ای که میتوانیم از گیت هاب داشته باشیم استفاده از github pages است که از این طریق میتوانید فایلهای HTML ، CSSو javascript را به صورت یک وبسایت نمایش دهید. تمامی فایلهای شما توسط گیت هاب مستقیما از یک مخزن در گیت هاب گرفته میشود و فایلها از طریق یک فرایند ساخت، اجرا شده و به صورت یک وبسایت منتشر میشود. ✅برای آشناهیی با انواع github pages و توضیحات بیشتر در این مورد به آدرس زیر مراجعه کنید. https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages @alithecodeguy

🔹تفاوت آرگومان و پارامتر: ✅پارامتر متغیر با نام است که به یک تابع ارسال میشود به عبارت دیگر نامهایی هستند که در تعریف تابع ذکرمیشوند. ✅آرگومانها مقادیر واقعی هستند که به تابع ارسال میشوند. https://developer.mozilla.org/en-US/docs/Glossary/Parameter @alithecodeguy

🔹Npm vs Yarn ✅دو تا از پکیج منیجرهای معروف برای جاوااسکریپت npm و yarn هستند. در حالت کلی شباهتهای زیادی بین این دو وجود دارد اما در عین حال تفاوتهای ظریفی هم بین آنها است که باعث میشود با توجه به نیاز خود یکی را بر دیگری ترجیح بدهیم. ✅Npm: در سال 2010 منتشر شد. به صورت پیشفرض زمانیکه node.js را روی سیستم خود نصب میکنیم نصب میشود. فرایند نصب پکیجها به صورت ترتیبی است. پکیجها به صورت مستقیم قابل نصب هستند. امکان اجرای کد در هنگام نصب پکیج را به کاربران میدهد. ✅Yarn: در سال 2016 توسط فیسبوک منتشر شد. هدف از ایجاد yarn رسیدگی بعضی از کاستی‌های عملکردی و امنیتی کار با npm بود. Yarn به صورت یک پکیج از npm موجود است و لازم است با دستور npm install yarn نصب شود. قدرت نصب همزمان چند پکیج را باهم دارد. اجازه نصب پکیجها تنها از فایل yarn.lock یا package.json امکان پذیر است. https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/ @alithecodeguy

🔹تفاوت pass by reference و pass by value ✅ در pass by value مقدار یک پارامتر در یک متغیر کپی میشود، در واقع یک خانه جدید در حافظه میگیرد و زمانیکه بخواهیم به متغیر مورد نظر دسترسی پیدا کنیم، به متغیر در حافظه جدید دسترسی پیدا میکنیم و کاری با حافظه قبلی نداریم. ✅ در pass by reference متغیر با مقدارش به یک آدرس جدید از حافظه ارسال میشود. یعنی زمانیکه بخواهیم به متغیر مورد نظر دسترسی پیدا کنیم به آدرس و مقدار متغیر اصلی دسترسی پیدا میکند نه یک کپی از آن. @alithecodeguy

🔹تفاوت بین null و undefined : ✅در جاوااسکریپت undefined یک type از متغیر است، یعنی یک متغیر تعریف شده است اما به آن هیچ مقداری اختصاص داده نشده است. null یک ابجکت است که یک مقدار خالی یا ناموجدد را دارد و باید به یک متغیر assign شود. توجه داشته باشید که هردو جزو falsy value هستند. @alithecodeguy

🔹هنگام استایل دهی در صفحات وب به این نکته حتما توجه داشته باشید که برخی استایل دهی های پیشفرض مرورگرها را با دستورات زیر غیرفعال کنید. زیرا هنگام بزرگ شدن پروژه مورد نظر رعایت این نکات ابتدایی شما را در مدیریت هرچه بهتر در استایل دهی کمک میکند. @alithecodeguy

🔹برای کاهش ابعاد یک آرایه چند بعدی میتوانید از متد array.flat(depth) استفاده نمایید. متد flat آرایه های چند بعدی را تا سطح تعیین شده به آرایه ای با بعد کمتر تبدیل می کند. پارامتر depth برای تعیین میزان کاهش سطح استفاده میشود که آپشنال است و اگر از این پارامتر استفاده نشود آرایه تا یک سطح کاهش میابد. @alithecodeguy