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
🔺ـ Context API ریاکت به زبان ساده
- با این ویژگی خیلی راحت میتونیم به کامپوننتهای داخلی اطلاعات پاس بدیم
- اگه کامپوننتهای تو در تو داریم و میخوایم بطور مستقیم و به دور از دردسرهای props های متوالی به کامپوننتهای داخلی اطلاعات پاس بدیم، خیلی راحت میتونیم از قابلیت Context ها استفاده کنیم 👌
- با این ویژگی از اینجا آشنا بشین:
https://ditty.ir/posts/react-context-api/naBlX
#react
- با این ویژگی خیلی راحت میتونیم به کامپوننتهای داخلی اطلاعات پاس بدیم
- اگه کامپوننتهای تو در تو داریم و میخوایم بطور مستقیم و به دور از دردسرهای props های متوالی به کامپوننتهای داخلی اطلاعات پاس بدیم، خیلی راحت میتونیم از قابلیت Context ها استفاده کنیم 👌
- با این ویژگی از اینجا آشنا بشین:
https://ditty.ir/posts/react-context-api/naBlX
#react
دیتی | Ditty.ir
Context API ریاکت به زبان ساده
با کانتکستها میتونیم خیلی راحت از کامپوننتهای داخلی به بیرونیترین اطلاعات برنامه دسترسی داشته باشیم
🔥10❤2🤩2
🔺نسخه اولیه و پایهٔ جاوااسکریپت توی چه مدت ساخته شد؟
Anonymous Quiz
49%
۱۰ روز
24%
۹۰ روز
16%
۶ ماه
11%
۹ ماه
😢17🎉11😁5❤3👍2👎2😱1
🔺ـ Syntactic Sugar یعنی چی؟ 🤔
- توی زبانهای برنامهنویسی، Syntactic Sugar به کدی گفته میشه که خوانایی و استفاده از یک کد دیگه رو راحتتر میکنه
- برای مثال توی جاوااسکریپت، استفاده از حلقهٔ for...of برای مصارف عادی مناسبتر و راحتتر از حلقه for معمولی هست. بنابراین for...of یک Syntactic Sugar برای حلقه for معمولی به حساب میاد
- در واقع از کلمه Sugar میشه اینطور برداشت کرد که کدنویسی رو شیرینتر میکنه :))
- ترجمه تحتاللفظی گوگل هم جالبه :))
#tips
- توی زبانهای برنامهنویسی، Syntactic Sugar به کدی گفته میشه که خوانایی و استفاده از یک کد دیگه رو راحتتر میکنه
- برای مثال توی جاوااسکریپت، استفاده از حلقهٔ for...of برای مصارف عادی مناسبتر و راحتتر از حلقه for معمولی هست. بنابراین for...of یک Syntactic Sugar برای حلقه for معمولی به حساب میاد
- در واقع از کلمه Sugar میشه اینطور برداشت کرد که کدنویسی رو شیرینتر میکنه :))
- ترجمه تحتاللفظی گوگل هم جالبه :))
#tips
👍15❤2🔥2🎉2😱1
🔺کدوم گزینه درباره تایپاسکریپت اشتباهه؟
Anonymous Quiz
17%
کدهای تایپاسکریپت به صورت مستقیم نمیتونه توی مرورگر اجرا بشه
9%
تایپاسکریپت یک زبان Statically Typed هست
35%
کامپایلر تایپاسکریپت به زبان تایپاسکریپت نوشته شده
29%
تایپاسکریپت زیرمجموعهٔ جاوااسکریپت هست
9%
کدهای تایپاسکریپت میتونه به هر ورژنی از جاوااسکریپت (ES6 - ES5 و ...) کامپایل بشه
🔥10👍5🤩3❤1👎1😢1