Ditty | دیتی
🔺یک لیست از کلی ابزار و پلاگین و فریمورک و ... برای #جاوااسکریپت: https://github.com/sorrycc/awesome-javanoscript #javanoscript #links
🔺نوبتی هم باشه نوبت ریاکته!
- یک لیست از کلی ابزار و پلاگین و فریمورک و ... برای #ریاکت:
https://github.com/enaqx/awesome-react
#react #links
- یک لیست از کلی ابزار و پلاگین و فریمورک و ... برای #ریاکت:
https://github.com/enaqx/awesome-react
#react #links
GitHub
GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem
A collection of awesome things regarding React ecosystem - enaqx/awesome-react
Ditty | دیتی
🔺نوبتی هم باشه نوبت ریاکته! - یک لیست از کلی ابزار و پلاگین و فریمورک و ... برای #ریاکت: https://github.com/enaqx/awesome-react #react #links
🔺 دوستان اگه برای زبان یا فریمورک مورد علاقهتون چنین لیستی میخواین، توی گوگل بزنین [اسم زبان] Awesome چنین لیستهایی میاره. مثلاً:
Awesome PHP
Awesome Laravel
هر چند این اَبَر لیست رو ببینین که یک لیست از همه لیستهاست:
https://github.com/sindresorhus/awesome
#links
Awesome PHP
Awesome Laravel
هر چند این اَبَر لیست رو ببینین که یک لیست از همه لیستهاست:
https://github.com/sindresorhus/awesome
#links
GitHub
GitHub - sindresorhus/awesome: 😎 Awesome lists about all kinds of interesting topics
😎 Awesome lists about all kinds of interesting topics - sindresorhus/awesome
🔺بنیان جاوااسکریپت رو از دیتی یاد بگیرین:
ditty.ir/series/javanoscript-101
- بیشترین چیزها از جاوااسکریپت رو توی کمترین زمان یاد میگیریم
- با کلی مثال مهمترین موضوعهای جاوااسکریپت رو بررسی میکنیم
- ثابت میکنم که جاوااسکریپت #راحت و قابل فهمه :))
- ۴۱ قسمت متنی + ویدئویی
- نسخه ویدئویی در مجموع ۵ ساعت هست
- هر ویدئو مدت زمانی حدود ۱۰ دقیقه یا کمتر داره
- نسخه متنی کاملاً رایگانه. هدیه من به همراهان دیتی 💝
- با خرید ویدئوها، از ادامه فعالیتهای دیتی هم #حمایت میکنین 😊
- ۳۰٪ #تخفیف برای ویدئوها با کد JS-30 (برای ۱۰۰ نفر اول)
» سرفصلها رو از اینجا ببینین
#javanoscript
ditty.ir/series/javanoscript-101
- بیشترین چیزها از جاوااسکریپت رو توی کمترین زمان یاد میگیریم
- با کلی مثال مهمترین موضوعهای جاوااسکریپت رو بررسی میکنیم
- ثابت میکنم که جاوااسکریپت #راحت و قابل فهمه :))
- ۴۱ قسمت متنی + ویدئویی
- نسخه ویدئویی در مجموع ۵ ساعت هست
- هر ویدئو مدت زمانی حدود ۱۰ دقیقه یا کمتر داره
- نسخه متنی کاملاً رایگانه. هدیه من به همراهان دیتی 💝
- با خرید ویدئوها، از ادامه فعالیتهای دیتی هم #حمایت میکنین 😊
- ۳۰٪ #تخفیف برای ویدئوها با کد JS-30 (برای ۱۰۰ نفر اول)
» سرفصلها رو از اینجا ببینین
#javanoscript
دیتی | Ditty.ir
آموزش جامع جاوااسکریپت به زبان ساده
صفر تا صد جاوااسکریپت توی ۵ ساعت! 😃
توی این دوره آموزشی، جاوااسکریپت مدرن رو به طور کامل و به همراه کلی نکته هم به صورت متنی و هم به صورت ویدئویی یاد میگیریم 🎉 💪
توی این دوره آموزشی، جاوااسکریپت مدرن رو به طور کامل و به همراه کلی نکته هم به صورت متنی و هم به صورت ویدئویی یاد میگیریم 🎉 💪
🔺آیا برای یک مسئله جاوااسکریپتی چند راه حل دارین و میخواین ببینین کدوم سریعتره؟ این وبسایت رو ببینین:
https://hasty.dev
- با این وبسایت میتونین سرعت راه حلهای خودتون رو بررسی کنین 👌
#javanoscript #links
https://hasty.dev
- با این وبسایت میتونین سرعت راه حلهای خودتون رو بررسی کنین 👌
#javanoscript #links
hasty.dev
Unlock Performance Insights: Optimize JS with Benchmarking on HASTY
Explore HASTY, your go-to platform for reliable JS benchmark tests. Improve your JavaScript performance and coding efficiency today
🔺پرامیس (Promise) های جاوااسکریپت به زبان #ساده
- یکی از مهمترین ویژگیهایی که از ES6 به جاوااسکریپت اضافه شد، پرامیسها بودن که برای مدیریت کردن عملیات ناهمگام استفاده میشن
- توی این پست، هم به صورت متنی و هم به صورت ویدئویی میخوایم با این ویژگی آشنا بشیم:
ditty.ir/courses/es6/promises/XGQw5
- این پست قبلاً نوشته شده بود و به تازگی بازنویسی شده 😉
#javanoscript
- یکی از مهمترین ویژگیهایی که از ES6 به جاوااسکریپت اضافه شد، پرامیسها بودن که برای مدیریت کردن عملیات ناهمگام استفاده میشن
- توی این پست، هم به صورت متنی و هم به صورت ویدئویی میخوایم با این ویژگی آشنا بشیم:
ditty.ir/courses/es6/promises/XGQw5
- این پست قبلاً نوشته شده بود و به تازگی بازنویسی شده 😉
#javanoscript
دیتی | Ditty.ir
Promise ها | همه چیز از ES6 جاوااسکریپت
یکی از پراستفادهترین ویژگیهای جاوااسکریپت که از ES6 به این زبان اضافه شده، پرامیسها هستن که توی این قسمت میخوایم مفصل اونها رو بررسی کنیم
🔺پراکسیها توی #جاوااسکریپت چه کاربردی دارن؟ 🤔
- با پراکسیها میتونیم تقریباً همه اتفاقهایی که برای یک آبجکت رخ میده رو مدیریت و کنترل کنیم
- مثلاً میتونیم خوندن، ویرایش و یا حذف یک پراپرتی یا متد رو کنترل کنیم تا جوری که دلمون میخواد این اتفاقها رخ بدن!
- توی این پست، هم به صورت متنی و هم #ویدئویی مفصل با پراکسیهای جاوااسکریپت آشنا میشیم:
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