🔺متد Bind در #جاوااکسریپت به زبان ساده
- اگه میخوایم مقدار
- همونطور که میدونیم
- متد
- برای آشنایی بیشتر با این متد:
ditty.ir/325
#javanoscript
- اگه میخوایم مقدار
this توی یک تابع همیشه به آبجکت مشخصی اشاره کنه از این متد استفاده میکنیم- همونطور که میدونیم
this توی توابع مقدار معینی نداره و تا زمانی که مشخص نشه تابع کجا و به چه صورت داره فراخونی میشه، نمیتونیم مقدار اون رو تشخیص بدیم- متد
bind تابعی درست میکنه که مقدار this توی اون همیشه به یک آبجکت مشخص و تعیینشدهای اشاره میکنه- برای آشنایی بیشتر با این متد:
ditty.ir/325
#javanoscript
ditty.ir
متد Bind در جاوااسکریپت به زبان ساده
با متد Bind میتونیم تابعی بسازیم که this توی اون به آبجکت دلخواه ما اشاره کنه
🔺ـ Composition API توی Vue 3 چیه؟ 🤔
- این مهمترین ویژگی ارائه شده توی ورژن ۳ ویو هست
- با این ویژگی میتونیم کدهای یک کامپوننت بزرگ رو به بخشهای کوچکتر تقسیم کنیم تا حجم کدها توی یک فایل کم بشه و #توسعهپذیری برنامه بالا بره
- از لینک زیر با این ویژگی آشنا بشین:
https://ditty.ir/326
#vue 💯
- این مهمترین ویژگی ارائه شده توی ورژن ۳ ویو هست
- با این ویژگی میتونیم کدهای یک کامپوننت بزرگ رو به بخشهای کوچکتر تقسیم کنیم تا حجم کدها توی یک فایل کم بشه و #توسعهپذیری برنامه بالا بره
- از لینک زیر با این ویژگی آشنا بشین:
https://ditty.ir/326
#vue 💯
دیتی | Ditty.ir
از Composition API ویو بیشتر بدانیم
با این ویژگی میتونیم کدهای یک کامپوننت بزرگ رو به بخشهای کوچکتر تقسیم کنیم تا حجم کدها توی یک فایل کم بشه و توسعهپذیری برنامه بالا بره
🔺اگه حین توسعه برنامه میخواین یک URL رو با تأخیر لود کنین، از سرویس زیر استفاده کنین:
https://deelay.me
- برای مثال میتونین پاسخ درخواستهای Ajax رو به تاخیر بندازین یا تصاویر رو با تأخیر لود کنین تا ببینین ظاهر صفحه چه شکلی میشه
- نحوه استفاده از اون به این صورته:
https://deelay.me/<DELAY>/<URL>
ـ DELAY مقدار تأخیر مد نظر به میلیثانیه
ـ URL هم آدرس مد نظر
+ https://deelay.me/5000/https://picsum.photos/900/500
+ https://deelay.me/5000/http://localhost:3000
#links
https://deelay.me
- برای مثال میتونین پاسخ درخواستهای Ajax رو به تاخیر بندازین یا تصاویر رو با تأخیر لود کنین تا ببینین ظاهر صفحه چه شکلی میشه
- نحوه استفاده از اون به این صورته:
https://deelay.me/<DELAY>/<URL>
ـ DELAY مقدار تأخیر مد نظر به میلیثانیه
ـ URL هم آدرس مد نظر
+ https://deelay.me/5000/https://picsum.photos/900/500
+ https://deelay.me/5000/http://localhost:3000
#links
توی برنامهنویسی شیگرا، کلاس به چه معنی هست؟ 🤔
Anonymous Quiz
13%
همون آبجکت هست
49%
یک الگو و طرح اولیه برای ساختن آبجکتهاست
27%
محفظهای هست برای نگهداری پراپرتیها و متدها
11%
به عنوان والد برای آبجکتها در نظر گرفته میشن
🔺با 1024 بایت کد #جاوااسکریپت چه چیزهایی که نمیشه ساخت! 💥😳
- وبسایت js1024.fun مسابقهای رو طراحی کرده که توی اون شرکتکنندهها باید یک برنامه جاوااسکریپتی رو با حداکثر ۱۰۲۴ بایت (۱ کیلوبایت) بسازن. پایان هر دوره رأیگیری میشه و بهترین و جذابترین برنامهها انتخاب میشن
- بهترین برنامههای انتخابشده سال ۲۰۲۰ رو میتونین از لینک زیر ببینید:
https://js1024.fun/results/2020
#javanoscript
- وبسایت js1024.fun مسابقهای رو طراحی کرده که توی اون شرکتکنندهها باید یک برنامه جاوااسکریپتی رو با حداکثر ۱۰۲۴ بایت (۱ کیلوبایت) بسازن. پایان هر دوره رأیگیری میشه و بهترین و جذابترین برنامهها انتخاب میشن
- بهترین برنامههای انتخابشده سال ۲۰۲۰ رو میتونین از لینک زیر ببینید:
https://js1024.fun/results/2020
#javanoscript
js1024.fun
JS1024 Competition - View results (2020 edition)
JS1024 Final Results
Media is too big
VIEW IN TELEGRAM
🔺توی جاوااسکریپت Null و Undefined چه تفاوتهایی با هم دارن؟
- ۷۰ سوال مصاحبه #جاوااسکریپت به صورت ویدئویی هم منتشر شد! 👋
- همه ویدئوها:
https://ditty.ir/p/5Wxon
#javanoscript 💯
- ۷۰ سوال مصاحبه #جاوااسکریپت به صورت ویدئویی هم منتشر شد! 👋
- همه ویدئوها:
https://ditty.ir/p/5Wxon
#javanoscript 💯
کدوم نوعهای دادهای نمیتونن توی یک رشته JSON قرار بگیرن؟ 🤔
Anonymous Quiz
2%
String
2%
Number
14%
Object
5%
Array
3%
Boolean
20%
Null
53%
همه میتونن قرار بگیرن
This media is not supported in your browser
VIEW IN TELEGRAM
🔺منظور از Wrapper Object توی جاوااسکریپت چیه؟ 🤔
- ویدئوی ۵۴ از ۷۰ سوال مصاحبه جاوااسکریپت
- همه ویدئوها رو میتونین از اینجا ببینین:
https://ditty.ir/p/na6bX
#javanoscript 💯
- ویدئوی ۵۴ از ۷۰ سوال مصاحبه جاوااسکریپت
- همه ویدئوها رو میتونین از اینجا ببینین:
https://ditty.ir/p/na6bX
#javanoscript 💯
🔺وقتی میگن "کاری انجام بده که دوست داری و کاری که انجام میدی رو دوست داشته باش" نتیجهش میشه این:
- یک دوستی با ریاکت، ویندوز 11 رو شبیهسازی کرده:
https://win11.blueedge.me
گیتهاب:
https://github.com/blueedgetechno/windows11
- یک دوستی با ریاکت، ویندوز 11 رو شبیهسازی کرده:
https://win11.blueedge.me
گیتهاب:
https://github.com/blueedgetechno/windows11
🔺یک ویژگی جالب به #لاراول 8.51 اضافه شده به اسم Conditional Classes
- توی فایلهای Blade با استفاده از یک Directive جدید به اسم
- این Directive یک ورودی به صورت آرایه key/value میگیره که شامل کلاسهای مد نظر هست. مقدار key اسم کلاس مد نظر و مقدار value یک عبارت بولین هست
- کلاس مد نظر فقط زمانی نشون داده میشه که مقدار value برابر با true باشه
- همچنین اگه عضو آرایه بدون key باشه، (مثل p-4) کلاس مد نظر برای ما نمایش داده میشه
- خط آخر عکس، خروجی چیزی که تولید میشه هست
#laravel
- توی فایلهای Blade با استفاده از یک Directive جدید به اسم
class@ میتونیم نمایش کلاسهای یک المنت رو کنترل کنیم- این Directive یک ورودی به صورت آرایه key/value میگیره که شامل کلاسهای مد نظر هست. مقدار key اسم کلاس مد نظر و مقدار value یک عبارت بولین هست
- کلاس مد نظر فقط زمانی نشون داده میشه که مقدار value برابر با true باشه
- همچنین اگه عضو آرایه بدون key باشه، (مثل p-4) کلاس مد نظر برای ما نمایش داده میشه
- خط آخر عکس، خروجی چیزی که تولید میشه هست
#laravel
🔺نتایج نظرسنجی شرکت JetBrains از دنیای نرمافزارها و توسعهدهندهها سال 2021
» محبوبترین زبان
- جاوااسکریپت
» ۵ زبانی که توسعهدهندهها قصد مهاجرت به اونها رو دارن
ـ Go، کاتلین، تایپاسکریپت، پایتون و Rust
» ۵ زبانی که توسعهدهندهها امسال مشغول یادگیری بودن
- جاوااسکریپت، پایتون، تایپاسکریپت، جاوا و Go
» زبانهایی که از محبوبیت اونها کم شده
- روبی، آبجکتیو سی، اسکالا
» زبانهایی که بیشترین رشد رو داشتن
- پایتون، تایپاسکریپت، کاتلین، SQL و Go
آمار کامل رو میتونین از این لینک ببینین:
https://www.jetbrains.com/lp/devecosystem-2021
آمار اختصاصی جاوااسکریپت:
https://www.jetbrains.com/lp/devecosystem-2021/javanoscript
آمار اختصاصی PHP
https://www.jetbrains.com/lp/devecosystem-2021/php
» محبوبترین زبان
- جاوااسکریپت
» ۵ زبانی که توسعهدهندهها قصد مهاجرت به اونها رو دارن
ـ Go، کاتلین، تایپاسکریپت، پایتون و Rust
» ۵ زبانی که توسعهدهندهها امسال مشغول یادگیری بودن
- جاوااسکریپت، پایتون، تایپاسکریپت، جاوا و Go
» زبانهایی که از محبوبیت اونها کم شده
- روبی، آبجکتیو سی، اسکالا
» زبانهایی که بیشترین رشد رو داشتن
- پایتون، تایپاسکریپت، کاتلین، SQL و Go
آمار کامل رو میتونین از این لینک ببینین:
https://www.jetbrains.com/lp/devecosystem-2021
آمار اختصاصی جاوااسکریپت:
https://www.jetbrains.com/lp/devecosystem-2021/javanoscript
آمار اختصاصی PHP
https://www.jetbrains.com/lp/devecosystem-2021/php
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
🔺کلمهکلیدی new توی جاوااسکریپت چیه؟ 🤔
- ویدئوی ۷۰ از ۷۰ سوال مصاحبه جاوااسکریپت
- همه ویدئوها رو میتونین از اینجا ببینین:
https://ditty.ir/p/na6bX
#javanoscript 💯
- ویدئوی ۷۰ از ۷۰ سوال مصاحبه جاوااسکریپت
- همه ویدئوها رو میتونین از اینجا ببینین:
https://ditty.ir/p/na6bX
#javanoscript 💯
Ditty | دیتی
🔺الگوی طراحی Adapter به زبان #ساده - با این الگو میتونیم توی برنامه از کلاسهایی که نوع و اینترفیس ناسازگار دارن استفاده کنیم، بدون اینکه کدی رو تغییر بدیم - مثلاً میخوایم از کلاسهای چند کتابخونه خارجی استفاده کنیم که همگی نحوه پیادهسازی و استفاده متفاوتی…
🔺الگوی طراحی Composite به زبان #ساده
- این الگو کمک میکنه تا بتونیم با گروهی از آبجکتها که نوعهای مختلفی دارن، اما باید به شکل یک ساختار درختی کنار هم قرار بگیرن، طوری کار کنیم که انگار همگی نوعهای یکسانی دارن
- برای مثال یک ساختار درختی از اعضای یک سازمان داریم که شامل بخشها و اعضای مختلفی مثل مدیران عامل، بخش فنی و نیروهای مربوط به هر بخش میشه
- قطعاً توی این ساختار درختی هر عضو و بخشی ممکنه نوع تفاوتی داشته باشه و اگه بخوایم روی این ساختار کارهایی رو انجام بدیم (مثلاً نمایش حقوق اعضا، اطلاعات هر عضو و بخش، درآمد و ...) نیاز داریم تا با اعضا و بخشها طوری رفتار کنیم که انگار همگی نوعهای یکسانی دارن
- توی پست زیر یاد میگیریم که چطوری این کار رو با الگوی Composite انجام بدیم:
ditty.ir/414
#oop 💯
- این الگو کمک میکنه تا بتونیم با گروهی از آبجکتها که نوعهای مختلفی دارن، اما باید به شکل یک ساختار درختی کنار هم قرار بگیرن، طوری کار کنیم که انگار همگی نوعهای یکسانی دارن
- برای مثال یک ساختار درختی از اعضای یک سازمان داریم که شامل بخشها و اعضای مختلفی مثل مدیران عامل، بخش فنی و نیروهای مربوط به هر بخش میشه
- قطعاً توی این ساختار درختی هر عضو و بخشی ممکنه نوع تفاوتی داشته باشه و اگه بخوایم روی این ساختار کارهایی رو انجام بدیم (مثلاً نمایش حقوق اعضا، اطلاعات هر عضو و بخش، درآمد و ...) نیاز داریم تا با اعضا و بخشها طوری رفتار کنیم که انگار همگی نوعهای یکسانی دارن
- توی پست زیر یاد میگیریم که چطوری این کار رو با الگوی Composite انجام بدیم:
ditty.ir/414
#oop 💯
ditty.ir
الگوهای طراحی به زبان ساده - Composite
با این الگو میتونیم با یک آبجکت و یا گروهی از آبجکتهای مشابه به طور یکسان کار کنیم
👍1
🔺اگه توی یک پروژه جاوااسکریپتی با ارقام و اعداد مالی سر و کار دارین، کتابخونه dinero.js خیلی میتونه کار شما رو راحت کنه
- با این کتابخونه میتونیم راحتتر و امنتر با ارقام مالی سر و کار داشته باشیم و اونها رو تبدیل کنیم، مقایسه کنیم، فرمت کنیم و ...
- این کتابخونه از واحدهای پولی زیادی از جمله ریال پیشتیبانی میکنه
GitHub:
https://github.com/dinerojs/dinero.js
Docs:
https://v2.dinerojs.com/docs/getting-started/quick-start
#links
- با این کتابخونه میتونیم راحتتر و امنتر با ارقام مالی سر و کار داشته باشیم و اونها رو تبدیل کنیم، مقایسه کنیم، فرمت کنیم و ...
- این کتابخونه از واحدهای پولی زیادی از جمله ریال پیشتیبانی میکنه
GitHub:
https://github.com/dinerojs/dinero.js
Docs:
https://v2.dinerojs.com/docs/getting-started/quick-start
#links
GitHub
GitHub - dinerojs/dinero.js: Create, calculate, and format money in JavaScript and TypeScript.
Create, calculate, and format money in JavaScript and TypeScript. - dinerojs/dinero.js
Ditty | دیتی
🔺جاوااسکریپتیها، میتونین خروجی رو با دلیل حدس بزنین؟ true یا false؟ چرا؟ - آزمون جاوااسکریپت - شماره ۱۱ - جواب اختصاصی از اینجا: https://ditty.ir/p/Xege5 #quiz
🔺جاوااسکریپتیها! اولین
- آزمون #جاوااسکریپت - شماره ۱۲
- این سوال دو نکته داره که توضیح اختصاصی رو میتونین از اینجا ببینین:
ditty.ir/426
#quiz
case اجرا میشه یا دومین؟ 🤔- آزمون #جاوااسکریپت - شماره ۱۲
- این سوال دو نکته داره که توضیح اختصاصی رو میتونین از اینجا ببینین:
ditty.ir/426
#quiz
🔺نتیجه نظرسنجی سالیانه وبسایت Stackoverflow از دنیای برنامهنویسی
- کلیدیترین نکتههای نظرسنجی Developer Survey وبسایت Stackoverflow (یکی از معتبرترین نظرسنجیها با جامعه آماری بالا)
پراستفادهترینها
» پراستفادهترین زبان برنامهنویسی دنیا برای نهمین سال پیاپی برای جاوااسکریپت
» پراستفادهترین IDE برای VS Code
» پراستفادهترین دیتابیسها برای MySQL و PostgreSQL
» پراستفادهترین فریمورک وب برای ریاکت که تونست پس از سالها جیکوئری رو پشت سر بذاره
» پراستفادهترین سیستمعامل برای ویندوز
دوستداشتنیها
» زبانها: Rust و Clojure و TypeScript
» دیتابیسها: Redis و PostgreSQL و MongoDB
» فریمورکها: Svelte و ASP.NET Core و FastAPI
خواستنیترینها (Most Wanted. یعنی تکنولوژیهایی که یک توسعهدهنده علاقه داره اونها رو یاد بگیره و کار کنه)
» زبانها: پایتون، تایپاسکریپت و جاوااسکریپت
» دیتابیسها: PostgreSQL و MongoDB و Redis
» فریمورکها: React.js و Vue.js و Django
آمار کامل رو میتونین از اینجا ببینید:
https://insights.stackoverflow.com/survey/2021
- کلیدیترین نکتههای نظرسنجی Developer Survey وبسایت Stackoverflow (یکی از معتبرترین نظرسنجیها با جامعه آماری بالا)
پراستفادهترینها
» پراستفادهترین زبان برنامهنویسی دنیا برای نهمین سال پیاپی برای جاوااسکریپت
» پراستفادهترین IDE برای VS Code
» پراستفادهترین دیتابیسها برای MySQL و PostgreSQL
» پراستفادهترین فریمورک وب برای ریاکت که تونست پس از سالها جیکوئری رو پشت سر بذاره
» پراستفادهترین سیستمعامل برای ویندوز
دوستداشتنیها
» زبانها: Rust و Clojure و TypeScript
» دیتابیسها: Redis و PostgreSQL و MongoDB
» فریمورکها: Svelte و ASP.NET Core و FastAPI
خواستنیترینها (Most Wanted. یعنی تکنولوژیهایی که یک توسعهدهنده علاقه داره اونها رو یاد بگیره و کار کنه)
» زبانها: پایتون، تایپاسکریپت و جاوااسکریپت
» دیتابیسها: PostgreSQL و MongoDB و Redis
» فریمورکها: React.js و Vue.js و Django
آمار کامل رو میتونین از اینجا ببینید:
https://insights.stackoverflow.com/survey/2021
Stack Overflow
Stack Overflow Developer Survey 2021
In May 2021 over 80,000 developers told us how they learn and level up, which tools they’re using, and what they want.