اگر نمیخواید از کتابخانههای آماده برای debounce استفاده کنید ، با همین کدی که توی تصویر میبینید ، میتونید پیادهسازیش کنید. یکیش برای فانکشن کامپوننتهای ریکته ، یکیش برای کلاس کامپوننتها.
اگر هم از چیزی جز ریکت استفاده میکنید ، میتونید همین کانسپت رو ببرید توی اون محیط با توجه به ویژگیهای خودش پیادهسازی کنید چون در نهایت این کار ، جاوا اسکریپتی داره اتفاق میافته.
توضیح debounce:
فرض کن سرچ اینپوتی دارید که به ازای کلمهای که وارد میکنید یکبار سرویس متناظرش رو کال میکنه. اگر قرار باشه به ازای تایپ هر حرف یکبار سرویس کال اتفاق بیفته فشار زیادی به مرورگر میاره و یوزر کندی احساس میکنه. برای همین میان با استفاده از مفهومی به نام debounce یک تاخیر مثلا ۵۰۰ میلی ثانیهای میذارن که اگر از آخرین کاراکتری که کاربر تایپ کرده بود ۵۰۰ میلی ثانیه گذشت ، سرویس کال بشه.
@alithecodeguy #debounce #js #react
اگر هم از چیزی جز ریکت استفاده میکنید ، میتونید همین کانسپت رو ببرید توی اون محیط با توجه به ویژگیهای خودش پیادهسازی کنید چون در نهایت این کار ، جاوا اسکریپتی داره اتفاق میافته.
توضیح debounce:
فرض کن سرچ اینپوتی دارید که به ازای کلمهای که وارد میکنید یکبار سرویس متناظرش رو کال میکنه. اگر قرار باشه به ازای تایپ هر حرف یکبار سرویس کال اتفاق بیفته فشار زیادی به مرورگر میاره و یوزر کندی احساس میکنه. برای همین میان با استفاده از مفهومی به نام debounce یک تاخیر مثلا ۵۰۰ میلی ثانیهای میذارن که اگر از آخرین کاراکتری که کاربر تایپ کرده بود ۵۰۰ میلی ثانیه گذشت ، سرویس کال بشه.
@alithecodeguy #debounce #js #react
برای تولید اعداد تصادفی توی مرورگر ، میتونید از
CryptoWebApi
استفاده کنید که روی خود مرورگرها هستش. نیازی به نصب کتابخانه اضافی ندارید.
قبل استفاده فقط چک کنید ببینید مرورگرهای مدنظرتون رو پشتیبانی میکنه یا خیر. روی اکثر مرورگرها هستش.
(دقت کنید که میگم مرورگر)
مثال :
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
لینک:
https://developer.mozilla.org/en-US/docs/Web/API/Crypto
https://www.educative.io/answers/how-to-create-a-random-uuid-in-javanoscript
#js #webapi #random #crypto @alithecodeguy
CryptoWebApi
استفاده کنید که روی خود مرورگرها هستش. نیازی به نصب کتابخانه اضافی ندارید.
قبل استفاده فقط چک کنید ببینید مرورگرهای مدنظرتون رو پشتیبانی میکنه یا خیر. روی اکثر مرورگرها هستش.
(دقت کنید که میگم مرورگر)
مثال :
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
console.log(crypto.randomUUID());
لینک:
https://developer.mozilla.org/en-US/docs/Web/API/Crypto
https://www.educative.io/answers/how-to-create-a-random-uuid-in-javanoscript
#js #webapi #random #crypto @alithecodeguy
رقصنده با کد
سوال غیر عادی برای مصاحبه فرانتی 😤 : فرض کنید یه سایت دارید که دو تا صفحه داره. مثلا صفحه ایکس و صفحه آر که هر کدوم رو توی تب جداگونه باز کردید. چطوری میتونید کاری کنید که وقتی اتفاقی توی صفحه ایکس افتاد ، صفحه آر بدون رفرش ازش مطلع بشه؟ فرض کنید که به اینترنت…
در رابطه با این سوال ، خانم حسنزاده لطف کردن این مقاله رو پیدا کردن.
تمام جوابایی که دوستان دادن رو شامل میشه.
https://blog.bitsrc.io/4-ways-to-communicate-across-browser-tabs-in-realtime-e4f5f6cbedca
تمام جوابایی که دوستان دادن رو شامل میشه.
https://blog.bitsrc.io/4-ways-to-communicate-across-browser-tabs-in-realtime-e4f5f6cbedca
Medium
4 Ways to Communicate Across Browser Tabs in Realtime
Get to know different ways of communicating across browser tabs in Realtime and when to use them
دوستان گرامی کسی به تازگی مدرک کارشناسیشو آزاد کرده؟ ما که ورودی ۸۹ هستیم هم باید به نرخ جدید پول بدیم؟ میخوام تجربه واقعی و جدیدتون رو بدونم اگر کاری کردید. لطفا اگر اطلاع دقیق دارید کامنت کنید. اطلاعات حدسی و حدودی نیازی نیست. ممنونم 🙏🙏🙏
در جاوا اسکریپت ، وقتی دارید از fetch استفاده میکنید ، یادتون نره از AbortController استفاده کنید.
تصویر از کدای ریکته. برای باقی کتابخانه و فریمورکها هم مفهوم کلی همینه.
#js #react #fetch @alithecodeguy
تصویر از کدای ریکته. برای باقی کتابخانه و فریمورکها هم مفهوم کلی همینه.
#js #react #fetch @alithecodeguy
اگر میخواهید پرفورمنس سایتی رو که زدید ارزیابی کنید ، میتونید داخل مرورگر سرعت CPU رو پایین بیارید که حالت ضعیفترش شبیهسازی بشه.
@alithecodeguy #cpu #browser #tip
@alithecodeguy #cpu #browser #tip
توییتر فارسی
هوش مصنوعی بینگ از حالا در مرورگر کروم هم قابل استفاده هست. TechTube Silverfox @twitter_farsy
چون safesearch رو قدرت اول منطقه بسته ، برای استفاده باید vpn روشن کنید.
رقصنده با کد
cookie.pdf
اگر در مورد کوکیها اطلاعات کافی ندارید ، پیشنهاد میکنم حتما این مقاله رو مطالعه کنید. گردآوری و ترجمش رو خودم انجام دادم و تا جایی که شده سعی کردم کامل باشه
اگه اهنگ تکنوی دارک دوست دارید ، این کانال خوبیه.
https://youtu.be/4ZjHPEccDA4?feature=shared
https://youtu.be/4ZjHPEccDA4?feature=shared
YouTube
Aggressive Dark Techno \ Cyberpunk \EBM\ Dark Electro Mix \ Industrial Mix Music [ Copyright Free ]
#DarkTechno #CyberPunk
TRACKLIST
00:00 | Colt
07:40 | Corrosive
15:56 | Acid Fog
24:18 | Asmodeus
28:33 | Cybcoder - Server (not free)
The music in this video is COPYRIGHT FREE !!!
® The rights of the music belong to Aim To Head
® The rights of the art…
TRACKLIST
00:00 | Colt
07:40 | Corrosive
15:56 | Acid Fog
24:18 | Asmodeus
28:33 | Cybcoder - Server (not free)
The music in this video is COPYRIGHT FREE !!!
® The rights of the music belong to Aim To Head
® The rights of the art…
🧑💻👩💻 دوره آنلاین و مقدماتی ReactJs
مدرس :علی خدایی دوست
ظرفیت : ۱۵ نفر
حد نصاب : ۸ نفر
شهریه : ۵۰۰ هزار تومان
(بیست درصد تخفیف برای معرف)
پیش نیاز :آشنایی با HTML ، CSS و Javanoscript
مجموعا ۴ جمعه
(دهم ، هفدهم ، بیستوچهارم و سیویکم شهریورماه)
۳ جمعه اول : ۲ جلسه ۲ ساعته آموزش
جمعه آخر : حل تمرین
ساعت جلسات :
۹ الی ۱۱ ، ۱۱:۳۰ الی ۱۳:۳۰
پلتفرم ارتباطی : گوگل میت (یا اسکایپ)
ارتباط مستقیم:
https://news.1rj.ru/str/alithecodeguy
https://www.linkedin.com/in/alithecodeguy/
سرفصلها:
(طی دوره در مورد مباحث متفاوتی صحبت خواهد شد که لیست زیر فقط شامل سرفصلهای اصلی میباشد.)
مقدمه
ریکت چیست
ابزارهای مورد نیاز
سلام دنیا!
نحوه تفکر شابلونی
کدهای JSX
کامپوننت
کلاس یا فانکشن
استیتها
پراپها
کار با فایل های استاتیک
پروژه تمرینی ۱ : ایجاد رزومه شخصی با ریکت
هوکهای پرکاربرد
آرایهها
فرمها
واکشی دیتا از سرور
پروژه تمرینی ۲ : خواندن دیتای فیک از سرور و نمایش در جدول بر اساس انتخاب کاربر
رف
کشینگ (کچ)
کاستوم هوک
کاتکست
تفکر ریداکسی
روتینگ
پروزه نهایی : ساخت یک شبکه اجتماعی ساده با دیتای ماک
مدرس :علی خدایی دوست
ظرفیت : ۱۵ نفر
حد نصاب : ۸ نفر
شهریه : ۵۰۰ هزار تومان
(بیست درصد تخفیف برای معرف)
پیش نیاز :آشنایی با HTML ، CSS و Javanoscript
مجموعا ۴ جمعه
(دهم ، هفدهم ، بیستوچهارم و سیویکم شهریورماه)
۳ جمعه اول : ۲ جلسه ۲ ساعته آموزش
جمعه آخر : حل تمرین
ساعت جلسات :
۹ الی ۱۱ ، ۱۱:۳۰ الی ۱۳:۳۰
پلتفرم ارتباطی : گوگل میت (یا اسکایپ)
ارتباط مستقیم:
https://news.1rj.ru/str/alithecodeguy
https://www.linkedin.com/in/alithecodeguy/
سرفصلها:
(طی دوره در مورد مباحث متفاوتی صحبت خواهد شد که لیست زیر فقط شامل سرفصلهای اصلی میباشد.)
مقدمه
ریکت چیست
ابزارهای مورد نیاز
سلام دنیا!
نحوه تفکر شابلونی
کدهای JSX
کامپوننت
کلاس یا فانکشن
استیتها
پراپها
کار با فایل های استاتیک
پروژه تمرینی ۱ : ایجاد رزومه شخصی با ریکت
هوکهای پرکاربرد
آرایهها
فرمها
واکشی دیتا از سرور
پروژه تمرینی ۲ : خواندن دیتای فیک از سرور و نمایش در جدول بر اساس انتخاب کاربر
رف
کشینگ (کچ)
کاستوم هوک
کاتکست
تفکر ریداکسی
روتینگ
پروزه نهایی : ساخت یک شبکه اجتماعی ساده با دیتای ماک
لینک مستقیم دانلود آموزشهای Rust از یوتیوب (اعتبار ۱۲ روز)
عناوینشون روی اسم فایلها هستش
1- http://fs3.filegir.com/sir.mura/Learn_Rust_Programming_-_Complete_Course_%F0%9F%A6%80_%5BBpPEoZW5IiY%5D_%5Btag22%5D.mp4
2- http://fs3.filegir.com/sir.mura/Rust_for_the_impatient_%5Bbr3GIIQeefY%5D_%5Btag22%5D.mp4
3- http://fs3.filegir.com/sir.mura/Rust_Tutorial_-_How_to_install_Rust_in_mac___Rust_Language_Tutorial_%5B0G8IeWkHVcI%5D_%5Btag22%5D.mp4
4- http://fs3.filegir.com/sir.mura/How_to_Learn_Rust_%5B2hXNd6x9sZs%5D_%5Btag22%5D.mp4
عناوینشون روی اسم فایلها هستش
1- http://fs3.filegir.com/sir.mura/Learn_Rust_Programming_-_Complete_Course_%F0%9F%A6%80_%5BBpPEoZW5IiY%5D_%5Btag22%5D.mp4
2- http://fs3.filegir.com/sir.mura/Rust_for_the_impatient_%5Bbr3GIIQeefY%5D_%5Btag22%5D.mp4
3- http://fs3.filegir.com/sir.mura/Rust_Tutorial_-_How_to_install_Rust_in_mac___Rust_Language_Tutorial_%5B0G8IeWkHVcI%5D_%5Btag22%5D.mp4
4- http://fs3.filegir.com/sir.mura/How_to_Learn_Rust_%5B2hXNd6x9sZs%5D_%5Btag22%5D.mp4
یه ریپوی رایگان توی گیتهاب برای یادگیری علوم کامپیوتر!
همین که 148k ستاره گرفته ، جایی برای بحث نمیذاره.
https://github.com/ossu/computer-science
همین که 148k ستاره گرفته ، جایی برای بحث نمیذاره.
https://github.com/ossu/computer-science
GitHub
GitHub - ossu/computer-science: 🎓 Path to a free self-taught education in Computer Science!
🎓 Path to a free self-taught education in Computer Science! - ossu/computer-science
مدتی هست در مورد زبانهای برنامه نویسی دارم تحقیق میکنم.
حقیقت اینه که همشون خوبن ، همشون هم تا مدت زیادی همچنان بازار کار دارن مخصوصا توی ایران که هوش مصنوعی خیلی جایی نداره.
ولی از بین اینا ترکیب React و Rust فوق العادس.
به نظرم اگر تمام توانتون رو بذارید روی Rust خیلی طول نمیکشه نتیجشو ببنید. اگر هم که به فرانت و زبانهای سطح بالا علاقه دارید ، مشخصا React رو پیشنهاد میدم.
حقیقت اینه که همشون خوبن ، همشون هم تا مدت زیادی همچنان بازار کار دارن مخصوصا توی ایران که هوش مصنوعی خیلی جایی نداره.
ولی از بین اینا ترکیب React و Rust فوق العادس.
به نظرم اگر تمام توانتون رو بذارید روی Rust خیلی طول نمیکشه نتیجشو ببنید. اگر هم که به فرانت و زبانهای سطح بالا علاقه دارید ، مشخصا React رو پیشنهاد میدم.
خب به سلامتی حوزه برنامه نویسی داره به سمتی پیش میره که برنامه نویس بنده خدا نه تنها باید چندتا تکنولوژی رو همزمان بلد باشه ، بلکه باید با نسخههای قدیمی اونها هم تا حدودی آشنا باشه و از طرفی خودش رو آپدیت هم نگه داره.
حالا بماند که با هوش مصنوعی هم باید رقابت کنه و در موارد خاص نیازه که به ریاضیات و الگوریتم و ساختمان داده مسلط باشه.
دانشگاهها و آموزشگاهها قبل از پذیرش دانشجو بهتره یه فرم با همچین فکتهایی بدن دانشجو بخونه امضا کنه تا بدونه داره وارد چی میشه.
حالا بماند که با هوش مصنوعی هم باید رقابت کنه و در موارد خاص نیازه که به ریاضیات و الگوریتم و ساختمان داده مسلط باشه.
دانشگاهها و آموزشگاهها قبل از پذیرش دانشجو بهتره یه فرم با همچین فکتهایی بدن دانشجو بخونه امضا کنه تا بدونه داره وارد چی میشه.
به قول کفار ، واووووو... برگام!
ریچ تکست ادیتور ورسل به اسم novel معرفی شد!
به هوش مصنوعی هم وصله.
ویدیوش رو اینجا میتونید ببینید:
https://github-production-user-asset-6210df.s3.amazonaws.com/28986134/246511653-2099877f-4f2b-4b1c-8782-5d803d63be5c.mp4
ریچ تکست ادیتور ورسل به اسم novel معرفی شد!
به هوش مصنوعی هم وصله.
ویدیوش رو اینجا میتونید ببینید:
https://github-production-user-asset-6210df.s3.amazonaws.com/28986134/246511653-2099877f-4f2b-4b1c-8782-5d803d63be5c.mp4