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

@alithecodeguy

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

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

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

@alithecodeguy

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

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

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

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

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

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

🔹تفاوت 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

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

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

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

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

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

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

🔹کلمه کلیدی this و کاربرد آن
✅کلمه کلیدی this در جاوااسکریپت به شی که در آن قرار دارد اشاره میکند، به عبارت دیگر کمک میکند که متوجه شوید آبجکتهای کد اجرا شده شما شامل چیست. باید هنگام استفاده از this به محل درست استفاده از آن توجه کنید زیرا با توجه به جایی که از آن استفاده شده، معانی مختلفی میتواند داشته باشد. به عنوان مثال در یک متد به ابجکت صاحب آن متد اشاره میکند. به تنهایی به global object اشاره میکند. در یک event به عنصری که آن event روی آن اتفاق افتاده اشاره میکند. این کلمه کلیدی کاربردهای بسیاری دارد که برای آشنایی بیشتر پیشنهاد میشود به آدرس سایت زیر مراجعه کنید و دستورات مربوط به this را اجرا کرده و خروجی به دست آمده را مشاده کنید.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
@alithecodeguy