دوستان محترم اگر نیاز به هر گیفت کارتی داشتید با حاشیه سود ۱۰ درصدی نسبت به قیمت اصلی میتونم براتون تهیه کنم. به تقریبا ۱۰۰۰ نوع گیفت کارت دسترسی دارم.
پلی استیشن ، ایکس باکس ، اسپاتیفای ، اسکایپ و ...
بین ۱۰ دقیقه الی ۲ ساعت هم براتون ارسال میشه.
برای اطلاعات بیشتر پیام خصوصی بدید
@codewithali
پلی استیشن ، ایکس باکس ، اسپاتیفای ، اسکایپ و ...
بین ۱۰ دقیقه الی ۲ ساعت هم براتون ارسال میشه.
برای اطلاعات بیشتر پیام خصوصی بدید
@codewithali
فروش اکانت VPN از شرکت NordVPN
روی هر نوع سیستم عاملی میاد بالا و تقریبا میشه گفت که اصلا قطعی نداره و سرعت فوق العاده خوب. توانایی اتصال همزمان ۶ دستگاه و تقریبا روی اکثر کشورها چندین تا سرور داره.
برای دوستانی که اطلاع ندارن عرض کنم که بهترین VPN دنیا هستن ایشون. با سود ۱۰ درصدی نسبت به قیمت اصلی سایت در اختیارتون قرار میگیره.
برای اطلاعات بیشتر در مورد قیمت و ... پیام خصوصی بدید
@codewithali
روی هر نوع سیستم عاملی میاد بالا و تقریبا میشه گفت که اصلا قطعی نداره و سرعت فوق العاده خوب. توانایی اتصال همزمان ۶ دستگاه و تقریبا روی اکثر کشورها چندین تا سرور داره.
برای دوستانی که اطلاع ندارن عرض کنم که بهترین VPN دنیا هستن ایشون. با سود ۱۰ درصدی نسبت به قیمت اصلی سایت در اختیارتون قرار میگیره.
برای اطلاعات بیشتر در مورد قیمت و ... پیام خصوصی بدید
@codewithali
🔹تفاوت عملگر == با === در جاوا اسکریپت:
✅عملگر === دو متغیر را از دو بعد type و value باهم مقایسه میکند و اگر type و value دو متغیر یکسان باشد مقدار true میشود.
✅عملگر == فقط value دو متغیر را باهم مقایسه میکند اگر مقدار آنها باهم برابر باشد مقدار true را برمیگرداند.
@alithecodeguy
✅عملگر === دو متغیر را از دو بعد type و value باهم مقایسه میکند و اگر type و value دو متغیر یکسان باشد مقدار true میشود.
✅عملگر == فقط value دو متغیر را باهم مقایسه میکند اگر مقدار آنها باهم برابر باشد مقدار true را برمیگرداند.
@alithecodeguy
رقصنده با کد
فروش اکانت VPN از شرکت NordVPN روی هر نوع سیستم عاملی میاد بالا و تقریبا میشه گفت که اصلا قطعی نداره و سرعت فوق العاده خوب. توانایی اتصال همزمان ۶ دستگاه و تقریبا روی اکثر کشورها چندین تا سرور داره. برای دوستانی که اطلاع ندارن عرض کنم که بهترین VPN دنیا هستن…
قیمت اکانت دوساله الان توی این لحظه ۲ میلیون و ۹۰۰ هزار.
با توجه به نرخ ارز و تغییر تخفیف های خود سایت اصلی ، قیمتش تغییر میکنه.
۶ نفر هم میتونن همزمان استفاده کنن.
با توجه به نرخ ارز و تغییر تخفیف های خود سایت اصلی ، قیمتش تغییر میکنه.
۶ نفر هم میتونن همزمان استفاده کنن.
🔹کاربرد متد split و join
✅متد split بر روی string اعمال میشود و بر اساس آرگومانی که به آن میدهیم رشته رو جدا میکند و یک آرایه را برمیگرداند.
✅متد join بر روی آرایه اعمال میشود. المانهای آرایه را با استفاده از آرگومانی که به آن میدهیم کنار هم قرار میدهد.
@alithecodeguy
✅متد 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
https://medium.com/@alithecodeguy/how-we-can-disable-autocomplete-or-autofill-attribute-on-a-web-page-input-fields-c97d5ed867cb
#medium
Medium
How we can disable “autocomplete” or “autofill” attribute on a web page input fields? Working solution.
(Tested on popular browsers)
Media is too big
VIEW IN TELEGRAM
🔹کاربرد افزونه Wappalzer در chrome
✅این افزونه به برنامه نویسان، لیستی از زبانهای برنامه نویسی و فریمورکهای استفاده شده در صفحات وب ارائه میدهد. پس از نصب این افزونه کافیست وارد وبسایت مورد نظر شوید و روی آیکون این افزونه کلیک کنید. یک لیست از تمام ابزارهای استفاده شده ارائه میدهد و برای دسترسی به جزییات بیشتر برای هر بخش میتوانید روی هر یک از گزینههای لیست کلیک کنید.
https://www.wappalyzer.com/
@alithecodeguy
✅این افزونه به برنامه نویسان، لیستی از زبانهای برنامه نویسی و فریمورکهای استفاده شده در صفحات وب ارائه میدهد. پس از نصب این افزونه کافیست وارد وبسایت مورد نظر شوید و روی آیکون این افزونه کلیک کنید. یک لیست از تمام ابزارهای استفاده شده ارائه میدهد و برای دسترسی به جزییات بیشتر برای هر بخش میتوانید روی هر یک از گزینههای لیست کلیک کنید.
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
✅کلمه کلیدی this در جاوااسکریپت به شی که در آن قرار دارد اشاره میکند، به عبارت دیگر کمک میکند که متوجه شوید آبجکتهای کد اجرا شده شما شامل چیست. باید هنگام استفاده از this به محل درست استفاده از آن توجه کنید زیرا با توجه به جایی که از آن استفاده شده، معانی مختلفی میتواند داشته باشد. به عنوان مثال در یک متد به ابجکت صاحب آن متد اشاره میکند. به تنهایی به global object اشاره میکند. در یک event به عنصری که آن event روی آن اتفاق افتاده اشاره میکند. این کلمه کلیدی کاربردهای بسیاری دارد که برای آشنایی بیشتر پیشنهاد میشود به آدرس سایت زیر مراجعه کنید و دستورات مربوط به this را اجرا کرده و خروجی به دست آمده را مشاده کنید.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
@alithecodeguy
MDN Web Docs
this - JavaScript | MDN
The this keyword refers to the context where a piece of code, such as a function's body, is supposed to run. Most typically, it is used in object methods, where this refers to the object that the method is attached to, thus allowing the same method to be…
Media is too big
VIEW IN TELEGRAM
🔹برنامه نویسی شی گرایی یا Object oriented programming
✅ایده اصلی برنامه نویسی شی گرا بر این است که از آبجکتها برای برنامهها استفاده شده است. در این روش با داده ها به عنوان یک المان بسیار اساسی و مهم رفتار میشود و از داده ها در برابر برخی تغییرات اساسی محافظت میگردد. همچنین یک مساله را به چندین ابجکت تقسیم میکند و توابع مورد نیاز را با توجه به آبجکتهای تعریف شده ایجاد میکند.
✅برای آشنایی با نحوه برنامه نویسی شی گرایی و جزییات بیشتر ویدئو را مشاهده کنید.
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_JS
@alithecodeguy
✅ایده اصلی برنامه نویسی شی گرا بر این است که از آبجکتها برای برنامهها استفاده شده است. در این روش با داده ها به عنوان یک المان بسیار اساسی و مهم رفتار میشود و از داده ها در برابر برخی تغییرات اساسی محافظت میگردد. همچنین یک مساله را به چندین ابجکت تقسیم میکند و توابع مورد نیاز را با توجه به آبجکتهای تعریف شده ایجاد میکند.
✅برای آشنایی با نحوه برنامه نویسی شی گرایی و جزییات بیشتر ویدئو را مشاهده کنید.
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_JS
@alithecodeguy
سوال اخر شب : (بدون سرچ یا کمک از جواب بقیه جواب بدید.)
توی جاوا اسکریپت اگر بخواهیم با استفاده از دستور یا متد typeof متوجه بشیم که نوع مقدار ذخیره شده در یک متغیر ، آرایه است یا خیر ، چیکار باید کنیم؟
توی جاوا اسکریپت اگر بخواهیم با استفاده از دستور یا متد typeof متوجه بشیم که نوع مقدار ذخیره شده در یک متغیر ، آرایه است یا خیر ، چیکار باید کنیم؟
Media is too big
VIEW IN TELEGRAM
🔹برنامه نویسی تابعی یا functional programming
✅یک روش از برنامه نویسی است که متکی بر استفاده از توابع pure است. به عبارت دیگر تابع هیچ تاثیری بر روی عوامل خارجی که داخل خود تابع تعریف نشدهاند نگذراد. همچنین هر تابع وظیفه انجام یک کار را به عهده دارد و میتوان یک تابع را به عنوان آرگومان ورودی یک تابع دیگر استفاده کرد.
✅برای آشنایی با نحوه استفاده از برنامه نویسی تابعی پیشنهاد میشود ویدئو را مشاهده کنید.
https://blog.bitsrc.io/functional-programming-in-javanoscript-how-and-why-94e7a97343b
@alithecodeguy
✅یک روش از برنامه نویسی است که متکی بر استفاده از توابع pure است. به عبارت دیگر تابع هیچ تاثیری بر روی عوامل خارجی که داخل خود تابع تعریف نشدهاند نگذراد. همچنین هر تابع وظیفه انجام یک کار را به عهده دارد و میتوان یک تابع را به عنوان آرگومان ورودی یک تابع دیگر استفاده کرد.
✅برای آشنایی با نحوه استفاده از برنامه نویسی تابعی پیشنهاد میشود ویدئو را مشاهده کنید.
https://blog.bitsrc.io/functional-programming-in-javanoscript-how-and-why-94e7a97343b
@alithecodeguy
رقصنده با کد
سوال اخر شب : (بدون سرچ یا کمک از جواب بقیه جواب بدید.) توی جاوا اسکریپت اگر بخواهیم با استفاده از دستور یا متد typeof متوجه بشیم که نوع مقدار ذخیره شده در یک متغیر ، آرایه است یا خیر ، چیکار باید کنیم؟
جواب سوال دیشب.
عملگر typeof فقط یکی از این مقادیر رو میتونه برگردونه و میبینید که چیزی برای array نداره.
نزدیکترین چیزی که برای آرایه میتونید چک کنید اینه که ببینید آیا object هست یا خیر. چون آرایه ها هم خودشون نوع خاصی از objectها هستن.
عملگر typeof فقط یکی از این مقادیر رو میتونه برگردونه و میبینید که چیزی برای array نداره.
نزدیکترین چیزی که برای آرایه میتونید چک کنید اینه که ببینید آیا object هست یا خیر. چون آرایه ها هم خودشون نوع خاصی از objectها هستن.
This media is not supported in your browser
VIEW IN TELEGRAM
🔹مفهوم curring
✅ یکی از تکنیکهای برنامه نویسی تابعی است. به این صورت که تابع مورد نظر بجای اینکه همه آرگومانها را یک جا بگیرد اولین آرگومان را میگیرد سپس یک تابع جدید برمیگرداند که آرگومان دوم را بگیرد و دوباره تابع جدیدی برگرداند. این روند تا زمانی ادامه پیدا میکند همه آرگومانها تکمیل شوند.
https://javanoscript.info/currying-partials
@alithecodeguy
✅ یکی از تکنیکهای برنامه نویسی تابعی است. به این صورت که تابع مورد نظر بجای اینکه همه آرگومانها را یک جا بگیرد اولین آرگومان را میگیرد سپس یک تابع جدید برمیگرداند که آرگومان دوم را بگیرد و دوباره تابع جدیدی برگرداند. این روند تا زمانی ادامه پیدا میکند همه آرگومانها تکمیل شوند.
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
طراحی بخشی از سایت دیوار با 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
✅متد ()trim فضای خالی را از هر دو انتهای یک رشته حذف می کند و یک رشته جدید را بدون تغییر رشته اصلی برمی گرداند. در این متد منظور از فضای خالی (space, tab, no-break space) میباشد.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
@alithecodeguy
برای دورهمی آنلاین پنج شنبه هفته آینده یا دو هفته آینده ، چه موضوعی مطرح بشه بهتره؟
Final Results
19%
Data Structure in JS
16%
Back-end with NextJs
3%
Back-end with ExpressJs
23%
TailwindCSS 3
19%
Svelte <-- NEW!
8%
MongoDB
13%
Linux (Beginners)
دومین مقاله medium خدمت دوستان
TailwindCSS3 Text Gradient
https://medium.com/@alithecodeguy/tailwindcss-gradient-text-516eaed767e6
#medium #tailwind #gradient #css
TailwindCSS3 Text Gradient
https://medium.com/@alithecodeguy/tailwindcss-gradient-text-516eaed767e6
#medium #tailwind #gradient #css
Medium
TailwindCSS Gradient Text
There is no direct way in TailwindCSS to make texts gradient.
📌افزونه CSSViewer در chrome
✅اطلاعات css را که یک توسعه دهنده وب به آن نیاز دارد، به سرعت ارائه میدهد. این افزونه یک صفحه شناور را زمانیکه ماوس روی بخش مورد نظر قرار میگیرد، ارائه میدهد. این افزونه ویژگیهایی مانند فونت، رنگ، پس زمینه و ... گزارش میدهد.
✅نحوه کار با این افزونه بسیار آسان میباشد. کافیست پس از نصب روی افزونه کلیک کرده و دکمه start را بزنید. سپس ماوس را روی هر بخشی نگه دارید اطلاعات مربوط به آن بخش را در یک کادر نمایش میدهد.
https://css-viewer.pdfwork.com/
@alithecodeguy
✅اطلاعات css را که یک توسعه دهنده وب به آن نیاز دارد، به سرعت ارائه میدهد. این افزونه یک صفحه شناور را زمانیکه ماوس روی بخش مورد نظر قرار میگیرد، ارائه میدهد. این افزونه ویژگیهایی مانند فونت، رنگ، پس زمینه و ... گزارش میدهد.
✅نحوه کار با این افزونه بسیار آسان میباشد. کافیست پس از نصب روی افزونه کلیک کرده و دکمه start را بزنید. سپس ماوس را روی هر بخشی نگه دارید اطلاعات مربوط به آن بخش را در یک کادر نمایش میدهد.
https://css-viewer.pdfwork.com/
@alithecodeguy
📌تفاوت کامپایلر و مفسر چیست؟
✅زبان های کامپایلری در ابتدا یک بار کدها را ترجمه می کنند. سپس برنامه از روی همین فایل کامپایل شده اجرا می شود. در زبان های مفسری کدها به صورت خط به خط تفسیر و اجرا می شوند.
✅زبان های مفسری در ابتدا برای اجرا، به یک نرم افزار مفسر نیاز دارند. اما زبان های کامپایلری فقط یک بار کامپایل می شوند و کدهایی که قابل فهم و اجرا برای ماشین باشند را تولید می کنند، سپس کدها بر روی هر نوع سیستم عاملی قابل اجرا است.
✅زبان های مفسری چون برنامه ها را به صورت خط به خط تفسیر و سپس اجرا می کنند، مقدار زیادی از پردازنده و حافظه را درگیر می کنند و همین باعث کاهش سرعت آن ها می شود. اما کامپایلرها کل برنامه را کامپایل کرده و زمان اجرای مجدد سرعت بیشتر میشود.
✅در زبان های مفسری به دلیل اجرای خط به خط، خطایابی در آن ها بهتر اتفاق می افتد. زبان های کامپایلری باید سورس برنامه مجددا بازیابی شده تا خطا را تصحیح کنید و مجددا آن را اجرا کنید. برای همین خطایابی در آن ها با دشواری بیشتری همراه است.
https://www.guru99.com/difference-compiler-vs-interpreter.html
@alithecodeguy
✅زبان های کامپایلری در ابتدا یک بار کدها را ترجمه می کنند. سپس برنامه از روی همین فایل کامپایل شده اجرا می شود. در زبان های مفسری کدها به صورت خط به خط تفسیر و اجرا می شوند.
✅زبان های مفسری در ابتدا برای اجرا، به یک نرم افزار مفسر نیاز دارند. اما زبان های کامپایلری فقط یک بار کامپایل می شوند و کدهایی که قابل فهم و اجرا برای ماشین باشند را تولید می کنند، سپس کدها بر روی هر نوع سیستم عاملی قابل اجرا است.
✅زبان های مفسری چون برنامه ها را به صورت خط به خط تفسیر و سپس اجرا می کنند، مقدار زیادی از پردازنده و حافظه را درگیر می کنند و همین باعث کاهش سرعت آن ها می شود. اما کامپایلرها کل برنامه را کامپایل کرده و زمان اجرای مجدد سرعت بیشتر میشود.
✅در زبان های مفسری به دلیل اجرای خط به خط، خطایابی در آن ها بهتر اتفاق می افتد. زبان های کامپایلری باید سورس برنامه مجددا بازیابی شده تا خطا را تصحیح کنید و مجددا آن را اجرا کنید. برای همین خطایابی در آن ها با دشواری بیشتری همراه است.
https://www.guru99.com/difference-compiler-vs-interpreter.html
@alithecodeguy
📌جاوااسکریپت زبان کامپایلری است یا مفسری است؟
✅اکثرا شنیدیم جاوااسکریپت مفسریه. زیرا کد ها به صورت خط به خط تفسیر و اجرا می شوند اما روشی که موتور های پردازش جاوااسکریپت مثل V8 کد را رو پردازش میکنن واقعا به روش کامپایلر شبیهه هستند. بهعلاوه میشه گفت، موتور V8 عملا تمام کد رو ابتدا تبدیل به کد ماشین میکنه و سپس اون رو اجرا میکنه. بنابراین آیا جاوااسکریپت کامپایلری است؟ باید توجه کنید که موتورهایی مثل V8 علیرغم روش فوق العاده شون، هیچ وقت یک فایل قابل اجرا به ما تحویل نمیدن و تفاوت هایی از این دست باعث میشه نتونیم به قطعیت بگیم جاوااسکریپت یک زبان کامپایلریه. با توجه به نظرات متخصصان بزرگ جاوا اسکریپت معتقدند که جاوااسکریپت زبانی کامپایلریه (یا حداقل زبانی مفسری نیست).
✅برای دسترسی به اطلاعات بیشتر در این زمینه پیشنهاد میشود به سایتهای زیر مراجعه کنید.
https://almogad.medium.com/javanoscript-is-it-compiled-or-interpreted-9779278468fc
https://blog.greenroots.info/javanoscript-interpreted-or-compiled-the-debate-is-over
@alithecodeguy
✅اکثرا شنیدیم جاوااسکریپت مفسریه. زیرا کد ها به صورت خط به خط تفسیر و اجرا می شوند اما روشی که موتور های پردازش جاوااسکریپت مثل V8 کد را رو پردازش میکنن واقعا به روش کامپایلر شبیهه هستند. بهعلاوه میشه گفت، موتور V8 عملا تمام کد رو ابتدا تبدیل به کد ماشین میکنه و سپس اون رو اجرا میکنه. بنابراین آیا جاوااسکریپت کامپایلری است؟ باید توجه کنید که موتورهایی مثل V8 علیرغم روش فوق العاده شون، هیچ وقت یک فایل قابل اجرا به ما تحویل نمیدن و تفاوت هایی از این دست باعث میشه نتونیم به قطعیت بگیم جاوااسکریپت یک زبان کامپایلریه. با توجه به نظرات متخصصان بزرگ جاوا اسکریپت معتقدند که جاوااسکریپت زبانی کامپایلریه (یا حداقل زبانی مفسری نیست).
✅برای دسترسی به اطلاعات بیشتر در این زمینه پیشنهاد میشود به سایتهای زیر مراجعه کنید.
https://almogad.medium.com/javanoscript-is-it-compiled-or-interpreted-9779278468fc
https://blog.greenroots.info/javanoscript-interpreted-or-compiled-the-debate-is-over
@alithecodeguy