رقصنده با کد – Telegram
رقصنده با کد
780 subscribers
1.69K photos
850 videos
207 files
666 links
Here are some interesting things I've come across during my learning process. That's it. Admin ID:
@alithecodeguy
Download Telegram
دوستان محترم اگر نیاز به هر گیفت کارتی داشتید با حاشیه سود ۱۰ درصدی نسبت به قیمت اصلی میتونم براتون تهیه کنم. به تقریبا ۱۰۰۰ نوع گیفت کارت دسترسی دارم.
پلی استیشن ، ایکس باکس ، اسپاتیفای ، اسکایپ و ...
بین ۱۰ دقیقه الی ۲ ساعت هم براتون ارسال میشه.
برای اطلاعات بیشتر پیام خصوصی بدید
@codewithali
فروش اکانت 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
Media is too big
VIEW IN TELEGRAM
🔹کاربرد افزونه 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
Media is too big
VIEW IN TELEGRAM
🔹برنامه نویسی شی گرایی یا Object oriented programming
ایده اصلی برنامه نویسی شی گرا بر این است که از آبجکتها برای برنامه‌ها استفاده شده است. در این روش با داده ها به عنوان یک المان بسیار اساسی و مهم رفتار میشود و از داده ها در برابر برخی تغییرات اساسی محافظت میگردد. همچنین یک مساله را به چندین ابجکت تقسیم میکند و توابع مورد نیاز را با توجه به آبجکتهای تعریف شده ایجاد میکند.
برای آشنایی با نحوه برنامه نویسی شی گرایی و جزییات بیشتر ویدئو را مشاهده کنید.
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_JS
@alithecodeguy
سوال اخر شب : (بدون سرچ یا کمک از جواب بقیه جواب بدید.)
توی جاوا اسکریپت اگر بخواهیم با استفاده از دستور یا متد typeof متوجه بشیم که نوع مقدار ذخیره شده در یک متغیر ، آرایه است یا خیر ، چیکار باید کنیم؟
Media is too big
VIEW IN TELEGRAM
🔹برنامه نویسی تابعی یا functional programming
یک روش از برنامه نویسی است که متکی بر استفاده از توابع pure است. به عبارت دیگر تابع هیچ تاثیری بر روی عوامل خارجی که داخل خود تابع تعریف نشده‌اند نگذراد. همچنین هر تابع وظیفه انجام یک کار را به عهده دارد و میتوان یک تابع را به عنوان آرگومان ورودی یک تابع دیگر استفاده کرد.
برای آشنایی با نحوه استفاده از برنامه نویسی تابعی پیشنهاد میشود ویدئو را مشاهده کنید.
https://blog.bitsrc.io/functional-programming-in-javanoscript-how-and-why-94e7a97343b
@alithecodeguy
رقصنده با کد
سوال اخر شب : (بدون سرچ یا کمک از جواب بقیه جواب بدید.) توی جاوا اسکریپت اگر بخواهیم با استفاده از دستور یا متد typeof متوجه بشیم که نوع مقدار ذخیره شده در یک متغیر ، آرایه است یا خیر ، چیکار باید کنیم؟
جواب سوال دیشب.
عملگر typeof فقط یکی از این مقادیر رو میتونه برگردونه و میبینید که چیزی برای array نداره.
نزدیکترین چیزی که برای آرایه میتونید چک کنید اینه که ببینید آیا object هست یا خیر. چون آرایه ها هم خودشون نوع خاصی از objectها هستن.
This media is not supported in your browser
VIEW IN TELEGRAM
🔹مفهوم 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
برای دورهمی آنلاین پنج شنبه هفته آینده یا دو هفته آینده ، چه موضوعی مطرح بشه بهتره؟
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)
📌افزونه CSSViewer در chrome
اطلاعات css را که یک توسعه دهنده وب به آن نیاز دارد، به سرعت ارائه میدهد. این افزونه یک صفحه شناور را زمانیکه ماوس روی بخش مورد نظر قرار میگیرد، ارائه میدهد. این افزونه ویژگی‌هایی مانند فونت، رنگ، پس زمینه و ... گزارش میدهد.
نحوه کار با این افزونه بسیار آسان میباشد. کافیست پس از نصب روی افزونه کلیک کرده و دکمه start را بزنید. سپس ماوس را روی هر بخشی نگه دارید اطلاعات مربوط به آن بخش را در یک کادر نمایش میدهد.
https://css-viewer.pdfwork.com/
@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