دوستان گرامی
کلاسهای عمومی (بیشتر از ۳ نفر) دوره فرانت بنده فقط روی پلتفرم کافه تدریس برگزار میشه (به صورت آنلاین).
دوستان کافه تدریس در حال تنظیم دوره‌های جدید هستن و به زودی شروع میشه.
دوستانی که تمایل دارن میتونن با سایت کافه تدریس در تماس باشند 🙏

وقتی تازه برنامه نویس شده بودم ، همیشه به همه چی اعتراض داشتم و پیش خودم فکر میکردم چه قدر بلدم. همیشه سعی داشتم کار بالا دستی‌هامو زیر سوال ببرم. هیچ وقت نخواستم کسی رو خراب کنم و اون رفتارا از سادگیم بوده. همیشه هم با لبخندشون مواجه میشدم و نمیفهمیدم چرا. عصبی میشدم که عصبی نمیشدن.
الان حتی اسمشون یادم نمیاد ولی از همینجا ازشون عذر خواهی میکنم که مجبور بودن منو تحمل کنن.
الان که توی جایگاه اونام ، درک میکنم که چه قدر انسانهای بزرگی بودن که جفت پا نمیرفتن تو صورتم!

دوستان فرانتی عزیز... روی درگ اند دراپ همچین افکتی میخوام. نمونه ای دارید براش؟ یا راه حل خاصی ذهنتون میرسه؟
منظورم افکتی هستش که توی زون‌های مختلف میگیره. حتی این رون بندی انیمیشن هم داره

برای این سوال یه توفیقاتی داره حاصل میشه
https://codesandbox.io/s/sad-stonebraker-qvci44?file=/index.html
اگر حوصله داشتید یه نگاهی بهش بندازید
جاوا اسکریپته pure هستش. ریکتی نیست

یه مرحله پیش رفتیم. مشکل کپچرینگش حل شد.
برای دوستانی هم که جواب رو نمیدونن ، پیشنهاد میکنم یه نگاه بندازن

تکمیل شد
البته هنوز کدش کثیفه. اونم درست میکنم.
فکر کنم این نمونه کد به درد خیلی‌ها بخوره. مشابهش رو پیدا نمیکنید

وقتی دیزاینر اخبار زیاد نگاه میکنه 😂

بازیابی اطلاعات از یک حافظه شکسته

مثال ساده‌ای از نوشتن کامپوننت‌ها به شکل جنریک در ریکت و تایپ اسکریپت
------
لینک گیت‌هاب :
https://github.com/alithecodeguy/react_generic_components
لینک سندباکس:
https://codesandbox.io/s/broken-worker-gnur7x?file=/src/App.tsx

#react #ts #typenoscript #generic @alithecodeguy

اگر توی پروژه‌های ریکتتون بخواید از lightstreamer استفاده کنید میبینید که بعد از ۲۰۱۳ دیگه پروژه‌ای باهاش رو اینترنت نیست. فک کنم ورژن ۰.۸ ریکت یا همچین چیزی ازش هست. یعنی عملا هیچ.
اومدم یه پروژه خیلی ساده باهاش برای ریکت ۱۸ نوشتم.
باشد که مورد قبول افتد 😇
------
لینک گیت هاب:
https://github.com/alithecodeguy/lightstreamer_react18_example
-------
#react #lightstreamer @alithecodeguy

لینک ثبت نام دوره فرانت با محوریت ریکت در کافه تدریس :
https://cafetadris.com/khodaieedoost/course/12052-%DA%A9%D9%84%D8%A7%D8%B3-%D8%A2%D9%86%D9%84%D8%A7%DB%8C%D9%86-%D8%AC%D8%A7%D9%85%D8%B9-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-react-js-

کتاب HMTL
هر چند که خودم توی حوزه برنامه نویسی به کتاب اعتقادی ندارم و میگم که مستندات رسمی مهمتره ، ولی به نظرم این کتاب جالبیه.
#html #book

شاید در نظر خیلیاتون HMTL خیلی ساده به نظر بیاد و بگید این بچه بازیا چیه دیگه... ولی اینجا یه نکته‌ای میخوام که اگر رعایت نکنید خیلی ساده به چخ میرید!
وقتی داخل سایت خودن به سایت دیگه لینک میدید قاعدتا از تگ <a> استفاده میکنید. خب حالا خیلیا میخوان کاربر صفحشون رو گم نکنه ، ساده ترین کار چیه؟ میان target="_blank" میذارن که وقتی کلیک کردن یه تب جدید باز شه. آیا تموم شد؟ خیر. اینجا دقیقا نقطه به چخ رفتنه. اگر همینجوری به امون خدا ولش کنید ، سایتی که کاربر رو بهش ریدارکت کردید به window.opener دسترسی داره و به راحتی طرف میتونه کاربر شما رو به سایت‌های فیشینگ و اینحور چیزا هدایت کنه.
خب حالا راه حلش چیه؟ به این شکل لینکاتونو بنویسید :
<a href="http://alithecodeguy.com" target="_blank" rel="noopener" />
تموم شد؟ بازم نه!
روش فوق روی فایرفاکس به خوبی کار نمیکنه وبرای ماکزیمم امنیت باید بنویسید :
rel="noopener noreferrer"

#html #tip

ایران پیامک تلگرام رو مسدود کرد دیگه کسی نتونه بره توش. تلگرام در کمتر از چند ساعت ، پیامک ایران رو حذف کرد ، به جاش همون اول از پیش شماره‌های مختلف از کشورهای مختلف تماس میگیره کد رو میخونه. چه قدر خوبی لعنتی!
بعید نیست طرح صیانت تلفن رو هم بشنوید.

تعداد اعضای کانال به ۹۰۰ نفر رسید.
با مسخره بازی و لودگی و چهارتا کلیپ مزخرف ، میشه فالوور جمع کرد ولی اونا کجا و شما کجا.
نمیشناسمتون ولی میدونم بی دلیل راهمون به همدیگه نرسیده.
به تک تکتون افتخار میکنم ❤️

آپدیت :
یکی از دوستان داخل کامنتهای لینکدین لینکی از ام دی ان رو گذاشتن که میگه :
Windows opened because of links with a target of _blank don't get an opener, unless explicitly requested with rel=opener."
اگر لینک رو کامل مطالعه کنید میگه درسته همچین مشکلی وجود داره ولی اومدن با یه سری لیمیت‌ها مثل جمله بالا این مشکل رو تا حدی برطرف کردن.
مشکل دیگه‌ای که وجود داره اینه که همه مرورگر‌ها استانداردها رو به صورت کامل رعایت نکردن🤦‍♂️
اگر فرصت کنم از این موضوع به صورت عملی یک ویدیو میسازم

لینک بررسی موضوعات بالا به صورت عملی
https://www.youtube.com/watch?v=6GpYWxzhb_4
#html #js #tip