🔹فعال کردن 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

🔹برنامه نویسی شی گرایی یا Object oriented programming
✅ایده اصلی برنامه نویسی شی گرا بر این است که از آبجکتها برای برنامه‌ها استفاده شده است. در این روش با داده ها به عنوان یک المان بسیار اساسی و مهم رفتار میشود و از داده ها در برابر برخی تغییرات اساسی محافظت میگردد. همچنین یک مساله را به چندین ابجکت تقسیم میکند و توابع مورد نیاز را با توجه به آبجکتهای تعریف شده ایجاد میکند.
✅برای آشنایی با نحوه برنامه نویسی شی گرایی و جزییات بیشتر ویدئو را مشاهده کنید.
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_JS
@alithecodeguy

سوال اخر شب : (بدون سرچ یا کمک از جواب بقیه جواب بدید.)
توی جاوا اسکریپت اگر بخواهیم با استفاده از دستور یا متد typeof متوجه بشیم که نوع مقدار ذخیره شده در یک متغیر ، آرایه است یا خیر ، چیکار باید کنیم؟

🔹برنامه نویسی تابعی یا functional programming
✅یک روش از برنامه نویسی است که متکی بر استفاده از توابع pure است. به عبارت دیگر تابع هیچ تاثیری بر روی عوامل خارجی که داخل خود تابع تعریف نشده‌اند نگذراد. همچنین هر تابع وظیفه انجام یک کار را به عهده دارد و میتوان یک تابع را به عنوان آرگومان ورودی یک تابع دیگر استفاده کرد.
✅برای آشنایی با نحوه استفاده از برنامه نویسی تابعی پیشنهاد میشود ویدئو را مشاهده کنید.
https://blog.bitsrc.io/functional-programming-in-javanoscript-how-and-why-94e7a97343b
@alithecodeguy

جواب سوال دیشب.
عملگر typeof فقط یکی از این مقادیر رو میتونه برگردونه و میبینید که چیزی برای array نداره.
نزدیکترین چیزی که برای آرایه میتونید چک کنید اینه که ببینید آیا object هست یا خیر. چون آرایه ها هم خودشون نوع خاصی از objectها هستن.

🔹مفهوم curring
✅ یکی از تکنیکهای برنامه نویسی تابعی است. به این صورت که تابع مورد نظر بجای اینکه همه آرگومانها را یک جا بگیرد اولین آرگومان را میگیرد سپس یک تابع جدید برمیگرداند که آرگومان دوم را بگیرد و دوباره تابع جدیدی برگرداند. این روند تا زمانی ادامه پیدا میکند همه آرگومانها تکمیل شوند.
https://javanoscript.info/currying-partials
@alithecodeguy

دوره فشرده و پروژه محور فرانت اند ( آنلاین )
طراحی بخشی از سایت دیوار با React

ظرفیت : ۴ نفر
هزینه دوره : ۱.۵ میلیون تومان ( ۲۰ درصد تخفیف با پرداخت رمز ارز )
زمان : ۸ بهمن ۱۴۰۰ ساعت ۱۰ الی ۲۰

موضوعات :
ReactJs , NextJs , TypeScript , ReduxToolkit , TailwindCSS

پیش نیاز :
HTML , CSS , JavaScript

راه ارتباطی :
کانال تلگرامی : https://news.1rj.ru/str/alithecodeguy
لینکدین : https://www.linkedin.com/in/alithecodeguy

#course #js #react #javanoscript #nextjs #redux #tailwind #typenoscript #programming #frontend #alithecodeguy @alithecodeguy

📌متد ()trim در جاوااسکریپت:
✅متد ()trim فضای خالی را از هر دو انتهای یک رشته حذف می کند و یک رشته جدید را بدون تغییر رشته اصلی برمی گرداند. در این متد منظور از فضای خالی (space, tab, no-break space) میباشد.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
@alithecodeguy

دومین مقاله medium خدمت دوستان
TailwindCSS3 Text Gradient
https://medium.com/@alithecodeguy/tailwindcss-gradient-text-516eaed767e6
#medium #tailwind #gradient #css

📌افزونه CSSViewer در chrome
✅اطلاعات css را که یک توسعه دهنده وب به آن نیاز دارد، به سرعت ارائه میدهد. این افزونه یک صفحه شناور را زمانیکه ماوس روی بخش مورد نظر قرار میگیرد، ارائه میدهد. این افزونه ویژگی‌هایی مانند فونت، رنگ، پس زمینه و ... گزارش میدهد.
✅نحوه کار با این افزونه بسیار آسان میباشد. کافیست پس از نصب روی افزونه کلیک کرده و دکمه start را بزنید. سپس ماوس را روی هر بخشی نگه دارید اطلاعات مربوط به آن بخش را در یک کادر نمایش میدهد.
https://css-viewer.pdfwork.com/
@alithecodeguy