🔺پراکسیها توی #جاوااسکریپت چه کاربردی دارن؟ 🤔
- با پراکسیها میتونیم تقریباً همه اتفاقهایی که برای یک آبجکت رخ میده رو مدیریت و کنترل کنیم
- مثلاً میتونیم خوندن، ویرایش و یا حذف یک پراپرتی یا متد رو کنترل کنیم تا جوری که دلمون میخواد این اتفاقها رخ بدن!
- توی این پست، هم به صورت متنی و هم #ویدئویی مفصل با پراکسیهای جاوااسکریپت آشنا میشیم:
ditty.ir/456
- این پست قبلاً نوشته شده بود و به تازگی بازنویسی شده 😉
#javanoscript
- با پراکسیها میتونیم تقریباً همه اتفاقهایی که برای یک آبجکت رخ میده رو مدیریت و کنترل کنیم
- مثلاً میتونیم خوندن، ویرایش و یا حذف یک پراپرتی یا متد رو کنترل کنیم تا جوری که دلمون میخواد این اتفاقها رخ بدن!
- توی این پست، هم به صورت متنی و هم #ویدئویی مفصل با پراکسیهای جاوااسکریپت آشنا میشیم:
ditty.ir/456
- این پست قبلاً نوشته شده بود و به تازگی بازنویسی شده 😉
#javanoscript
دیتی | Ditty.ir
Proxy ها | همه چیز از ES6 جاوااسکریپت
با پراکسی میتونیم اتفاقهایی که برای یک آبجکت رخ میده مثل تغییر مقدار یا حذف یک پراپرتی رو کنترل کنیم
🔺جالبترین ویژگیهای ES6؟ 🤔
Anonymous Poll
58%
Arrow Functions
20%
Modules
33%
Promises
16%
Classes
15%
Proxy
28%
Destructuring
16%
Rest Parameters
29%
Spread Operator
9%
Set
6%
...Others (comment)
🔺کد تمیز، خوانا و البته مدرن با Destructuring #جاوااسکریپت
ــ Destructuring بهمون کمک میکنه تا از نوشتن کدهای اضافی و تکراری جلوگیری کنیم
- در واقع Destructuring برای آرایهها و آبجکتها به کار میره که با اون میتونیم به شکل خواناتر به اعضای یک آرایه یا آبجکت دسترسی داشته باشیم
- توی این پست (متن و ویدئویی) مفصل درباره این ویژگی آشنا بشیم:
ditty.ir/459
#javanoscript
ــ Destructuring بهمون کمک میکنه تا از نوشتن کدهای اضافی و تکراری جلوگیری کنیم
- در واقع Destructuring برای آرایهها و آبجکتها به کار میره که با اون میتونیم به شکل خواناتر به اعضای یک آرایه یا آبجکت دسترسی داشته باشیم
- توی این پست (متن و ویدئویی) مفصل درباره این ویژگی آشنا بشیم:
ditty.ir/459
#javanoscript
دیتی | Ditty.ir
Destructuring | همه چیز از ES6
با ویژگیای آشنا میشیم که با اون میتونیم کدهایی خلاصهتر، خواناتر و مدرنتر داشته باشیم
This media is not supported in your browser
VIEW IN TELEGRAM
🔺توی جدیدترین نسخه VS Code میتونیم لیستی از همه تمهای موجود رو داشته باشیم و بدون اینکه یک تم رو نصب کنیم، یک پیشنمایش از اون رو ببینیم 🤩
۱. توی VS Code دکمههای Ctrl + K + T رو بزنین
۲. گزینه Browse Additional Color Themes رو بزنین تا لیستی از تمها براتون نمایش داده باشه
۳. پیشنمایش هر تمی رو که انتخاب کنین همون لحظه اعمال میشه
#tricks
۱. توی VS Code دکمههای Ctrl + K + T رو بزنین
۲. گزینه Browse Additional Color Themes رو بزنین تا لیستی از تمها براتون نمایش داده باشه
۳. پیشنمایش هر تمی رو که انتخاب کنین همون لحظه اعمال میشه
#tricks
🔺قراره یک ویژگی جالب به #جاوااسکریپت اضافه بشه که با اون میتونیم نوع فایلی که داریم import میکنیم رو مشخص کنیم!
- توی عکس، فایل
- همونطور که میدونیم، تا قبل از این ویژگی فقط import کردن فایلهای معتبر جاوااسکریپتی امکانپذیره
- این ویژگی توی Proposal Stage 3 هست
- منبع
#javanoscript
- توی عکس، فایل
foo.json رو طوری import میکنیم که بتونیم مثل یک JSON با اون رفتار کنیم 👌- همونطور که میدونیم، تا قبل از این ویژگی فقط import کردن فایلهای معتبر جاوااسکریپتی امکانپذیره
- این ویژگی توی Proposal Stage 3 هست
- منبع
#javanoscript
👍3
🔺آیا وسط گذاشتن یک div براتون یک چالشه؟ آیا ابزاری ساختین که کل دنیا دارن ازش استفاده میکنن، ولی توضیح دادن کاربرد اون سخته؟
- مصاحبه فنی Dan Abramov رو ببینین تا یکم به خودتون امیدوار بشین 😂
https://www.youtube.com/watch?v=XEt09iK8IXs
پ.ن: Dan Abramov یکی از اعضای اصلی تیم ریاکت و سازنده Redux هست. توی این ویدئو، مصاحبه با یک انسان عادی مثل خودمون رو میبینیم که از چیزها و چالشهایی حرف میزنه که همهمون باهاش مواجه هستیم
#react
- مصاحبه فنی Dan Abramov رو ببینین تا یکم به خودتون امیدوار بشین 😂
https://www.youtube.com/watch?v=XEt09iK8IXs
پ.ن: Dan Abramov یکی از اعضای اصلی تیم ریاکت و سازنده Redux هست. توی این ویدئو، مصاحبه با یک انسان عادی مثل خودمون رو میبینیم که از چیزها و چالشهایی حرف میزنه که همهمون باهاش مواجه هستیم
#react
YouTube
Coding Interview with Dan Abramov
#benawad #react
----
Follow me online: https://voidpet.com/benawad
#benawad
----
Follow me online: https://voidpet.com/benawad
#benawad
Ditty | دیتی
🔺جاوااسکریپتیها! اولین case اجرا میشه یا دومین؟ 🤔 - آزمون #جاوااسکریپت - شماره ۱۲ - این سوال دو نکته داره که توضیح اختصاصی رو میتونین از اینجا ببینین: ditty.ir/426 #quiz
🔺جاوااسکریپتیها! خروجی این کد چیه؟ 🤔
- آزمون جاوااسکریپت - شماره ۱۳
- توی این قسمت با خاصیت this، Arrow Function و متد bind آشنا میشیم
توضیحات اختصاصی:
ditty.ir/465
#javanoscript #quiz
- آزمون جاوااسکریپت - شماره ۱۳
- توی این قسمت با خاصیت this، Arrow Function و متد bind آشنا میشیم
توضیحات اختصاصی:
ditty.ir/465
#javanoscript #quiz
Ditty | دیتی
🔺جاوااسکریپتیها! خروجی این کد چیه؟ 🤔 - آزمون جاوااسکریپت - شماره ۱۳ - توی این قسمت با خاصیت this، Arrow Function و متد bind آشنا میشیم توضیحات اختصاصی: ditty.ir/465 #javanoscript #quiz
🔺یه مقاله جالب درباره کلمهکلیدی this توی جاوااسکریپت:
https://web.dev/javanoscript-this
پ.ن: معمولاً صبحها (معمولاً ناشتا 😁) سعی میکنم یکی از مقالههایی که قبلاً توی Pocket ذخیره کردم رو بخونم. در واقع ایدهٔ پست قبلی از این مقاله به ذهنم رسید
#javanoscript
https://web.dev/javanoscript-this
پ.ن: معمولاً صبحها (معمولاً ناشتا 😁) سعی میکنم یکی از مقالههایی که قبلاً توی Pocket ذخیره کردم رو بخونم. در واقع ایدهٔ پست قبلی از این مقاله به ذهنم رسید
#javanoscript
web.dev
JavaScript: What is the meaning of this? | Articles | web.dev
Figuring out the value of `this` can be tricky in JavaScript, here's how to do it…
🔥1
🔺یکی از قابلیتهای کاربردی که احتمالاً به #جاوااسکریپت اضافه بشه، groupBy برای آرایههاست 👌
- با این ویژگی میتونیم اعضای یک آرایه رو براساس شرایط دلخواه گروهبندی کنیم. کاری که قبلاً باید به صورت دستی یا با کتابخونههایی مثل لودَش انجام میدادیم
- این ویژگی Proposal Step 3 هست
https://github.com/tc39/proposal-array-grouping
#javanoscript
- با این ویژگی میتونیم اعضای یک آرایه رو براساس شرایط دلخواه گروهبندی کنیم. کاری که قبلاً باید به صورت دستی یا با کتابخونههایی مثل لودَش انجام میدادیم
- این ویژگی Proposal Step 3 هست
https://github.com/tc39/proposal-array-grouping
#javanoscript
🔺کدومتون توی این لیست هستین؟ فعالترین کاربران ایرانی توی گیتهاب:
https://commits.top/iran_public.html
خودم نیستم، ولی ۴ ۵ نفر از دوستام هستن 🥲
#links
https://commits.top/iran_public.html
خودم نیستم، ولی ۴ ۵ نفر از دوستام هستن 🥲
#links
❤2👎1
🔺آیا #جاوااسکریپت واقعاً عجیبه؟ 🤔
سعی کنین به این ۲۵ تا سوال جواب بدین:
https://jsisweird.com
#javanoscript
سعی کنین به این ۲۵ تا سوال جواب بدین:
https://jsisweird.com
#javanoscript
Jsisweird
JS is weird
A fun and tricky JavaScript quiz
👍11😁5❤3🎉2🔥1😱1
کاربرد اصلی یک Module Bundler مثل Webpack چیه؟
Anonymous Quiz
58%
افزایش سرعت برنامه با ترکیب کردن ماژولها و فایلهای مختلف توی یک فایل
26%
تبدیل کدها و دستورات مدرن به کدهای قابل فهم برای همه موتورهای جاوااسکریپتی
6%
کمک میکنه تا کدنویسی تمیز، خوانا و با کمترین خطا داشته باشیم
9%
کمک میکنه تا بدون Reload کردن کامل صفحه، خروجی تغییراتی که به کد دادیم رو ببینیم (HMR)
👍19🎉5👎3🤩3
🔺چیزهایی که از JSX ریاکت لازمه بدونیم!
اولین مقالهٔ ریاکتی دیتی برای شما 😉
https://ditty.ir/posts/react-jsx/JmwWn
#react
اولین مقالهٔ ریاکتی دیتی برای شما 😉
https://ditty.ir/posts/react-jsx/JmwWn
#react
دیتی | Ditty.ir
همه چیز از JSX ریاکت
ریاکت میگه برای نمایش اطلاعات از یک راه راحتتر به اسم JSX استفاده کن. توی این قسمت میخوایم این ویژگی رو به طور کامل بررسی کنیم
🤩6👍5🔥3❤2
🔺درباره فایل package.json، کدوم گزینه اشتباهه؟
Anonymous Quiz
12%
قسمت dependencies محل قرار گرفتن اسم پکیجهایی هست که برنامه برای اجرا شدن بهشون وابسته هست
17%
پکیجهای قسمت devDependencies توی خروجی Production برنامه نادیده گرفته میشن
13%
برای ساختن و سپس کانفیگ فایل package.json از دستور npm init استفاده میکنیم
58%
با دستور npm install فقط پکیجهای لیستشده توی قسمت dependencies نصب میشن
👍23🎉21🔥4
🔺توی فایل package.json، اگه پکیج A وابسته به پکیج B باشه و پکیج B برای فعالیتش به پکیج C وابسته باشه، به نوع وابستگی پکیجهای A و C میگن:
Anonymous Quiz
32%
Transitive Dependency
31%
Peer Dependency
22%
Mutual Dependency
15%
Inter Dependency
😢19🔥9🤩5👍2🎉1