هوک ریکت برای تشخیص جهت اسکرول صفحه
میتونید threshold هم براش بذارید که یه جورایی کار debounce رو انجام میده.
کد رو بخونید متوجه میشید. سوالی بود در خدمتم.
لینک گیت‌هاب:
https://github.com/alithecodeguy/react-custom-hooks
@alithecodeguy #hook #react #github

How to create PWA or make site work Offline _ Next.js
#nextjs #pwa

با کمک دوستان سرفصل‌ها آپدیت شد.
(باز هم آپدیت خواهد شد. اگر به نظرتون کم و کسری داره بگید)
این سرفصل‌ها مرتبط به دوره سازمانی و حضوریه. من فقط تدریس میکنم و باقی کارهاش بر عهده آموزشگاست.
ولی دوستانی که تمایل داشته باشن برای دوره خصوصی و آنلاین ، می‌تونن از طریق آیدی @codewithali توی تلگرام یا آیدی @alithecodeguy روی باقی شبکه های اجتماعی در ارتباط باشن.
سرفصل‌های دوره خصوصی نسبت به این سرفصل‌ها منعطف‌تره و نیازی به پرداخت هزینه دوره به صورت کامل نیست.
برای اطلاعات بیشتر ، پست پین شده بالای کانال رو بخونید.

دورهمی آنلاین TailwindCSS
لینگ اسکایپ :
https://join.skype.com/FvWDY3cABOmw
لینک گروه تلگرام :
https://news.1rj.ru/str/alithecodeguy
لینک یوتیوب:
https://www.youtube.com/c/alithecodeguy
لینک گوگل کلندر:
https://calendar.google.com/event?action=TEMPLATE&tmeid=MDJjdWthbmpvdTdiZjhuaDA5NnVvbW9vZ3QgZTNiNGptbGJjYzI4ZmM1NWRydmdqZzVucW9AZw&tmsrc=e3b4jmlbcc28fc55drvgjg5nqo%40group.calendar.google.com
#tailwind #tailwindcss #meeting #alithecodeguy

برای کارآموز و یا جونیور فرانت اند (React) اگر موقعیت شغلی ای رو میشناسید لطفا اطلاع بدید. یکی از دوستان همین گروه دنبال کار هستن.
آپدیت : ۳ نفر شدن

از دوستانی که توی این گروه هستن ، کسی شرکت برنامه نویسی یا آموزشگاه داره؟
منظورم تدریس یا لیدر تیم بودن نیست. خود فیزیک شرکت و آموزشگاه رو میگم. میخوام بدونم برای تاسیسش چه چالش هایی وجود داره؟ چه روابطی نیازه؟ چه زد و بندایی باید انجام شه؟
اگر کسی هست ممنون میشم پیام بده یه صحبت مختصری داشته باشیم.

VS_Code_Tips_and_Tricks_for_2021
#vscode

چندتا توصیه دوستانه به نفراتی که میخوان رزومه شون رو تقویت کنن (در هر سطحی):
۱- شما را به لینکدین لینکدین لینکدین :
برگ برندتون لینکدینه. خیلی بیشتر از حد تصورتون. روزی حداقل ۲ مطلب خوب مرتبط با حوزه کاریتون با فاصله حداقل ۸ ساعت بذارید. سعی کنید مطالب کپی نباشه و به زبان خودتون بنویسید و چالش‌هایی که برای انجامش داشتید هم بگید.
۲- استک اورفلو : به سوالات جواب بدید. اینجا رقابت تنگاتنگی دارید چون هندی‌ها به شدت فعالن. (این مورد برای پیدا کردن کار خارج از کشور خیلی مهمه)
۳- کار‌های open source کنید. حالا چه یک پروژه جدید ، چه شرکت توی پرژه دیگران. اگر حس میکنید ضعیفید اشکال نداره. فعالیت کنید ، یه موقع چشم باز میکنید میبینید از خیلی ها قوی ترید.
کلا خیلی سعی کنید توی گیت هاب و گیت لب بچرخید و فعالیت داشته باشید.
۴- و در نهایت آخرین و مهمترین مورد : یک پروژه آماده داشته باشید. اگر فرانت کار و بک اند کار میکنید پروژتون آنلاین باشه که بتونن تست کنن. مخصوصا اگر فرانت کارید این مورد به شدت مهمه.

Introduction_to_Modern_React_(2_Hour_Course)
اگر میخواهید ریکت یاد بگیرید و توی حوزه فرانت صفر صفر نیستید ، پیشنهاد میکنم این ویدیو رو حتما ببینید.
حتی اگر ریکت بلدید هم باز این ویدیو رو پیشنهاد میکنم.
ریکت رو به شکل مدرن با ابزراهای مدرن یاد میده.
#react

React_Best_Practices
بعضی از چیزایی که میگه خودم قبول ندارم ولی سلیقه ایه دیگه.
#react

آقا بعضی وقتها یه نوشته ای میذارید ولی دورش یه چیزی مثل padding یا margin میفته. هر چی هم میگردید هیچی نیست.
داستان اینه که گاهی فونت با ارتفاع خط همخوانی نداره و مشکل به خاطر اونه.
کافیه line-height رو صفر یا none کنید. بستگی داره چه جوری دارید از css استفاده می‌کنید.
#html #css @alithecodeguy

اساتید tailwind نظرتون چیه؟
آپدیت : راه حلش رو پیدا کردم. توی پست بعد میذارم.

Top_10_Common_Mistakes_React_Programmers_Make
#react

یکی از دوستان سوال دارن :
کسی بلده middleware بنویسه با پایتون تو openstack-swift
یا اگر منبع خوب میشناسین میشه معرفی کنین

اگر میخواهید برای height از transition استفاده کنید حواستون باشه نمیتونید از چیزایی مثل height auto یا height full استفاده کنید. بلکه مقدار height دقیق باید مشخص بشه. شکل بالا تفاوت این دو روش رو نشون میده.
این یه مشکل شناخته شدست که سعی میکنن با max-height برطرفش کنن ولی همیشه کارساز نیست.
#tailwind #css #web_programming #html #alithecodeguy

جاوا اسکریپت دقیقا چه جوری کار میکنه؟ بالاخره مفسره یا کامپایلر؟
این موضوع رو به صورت مفصل با حضور دوستانی از سراسر دنیا بررسی کردیم.
https://youtu.be/Yw-JDLUO7j4
#javanoscript #js #v8

شاید برای شما هم اتفاق بیفتند!
گزارش یک اتفاق عجیب!
مک بوک ۲۰۱۳ دارم. میزم رو داشتم تمیز میکردم یه دفعه وایفای قطع شدو دیگه وصل نشد. هر کاری کردم نشد ، ریست مودم ، ریست دستگاه ، خاموش ، فعال سازی خطایابی و …. هیچی.
فقط هم به یک مودم خاص وصل نمیشد و بقیه رو میشناخت.
آخر توی یکی از فروم ها خوندم که هر چی usb دارید جدا کنید بعد تست کنید… پیش خودم گفتم مگه میشه آخه… usb چه ربطی به شقیقه داره. جدا کردم و درجا وصل شد!
جا داره که بگم برگااام!

حال دلتون خوش باشه.
#music

اگر فرصت کردید پنج شنبه توی دورهمی tailwind شرکت کنید. اگر به مشکل فنی مثل قطعی برق یا اینترنت نخوریم ، دورهمی خوبی میشه.
بالاتر بنرش هست.
اینم لینک اسکایپ :
https://join.skype.com/FvWDY3cABOmw

What the heck in inline-block?
Compared to display: inline, the major difference is that display: inline-block allows to set a width and height on the element.
Also, with display: inline-block, the top and bottom margins/paddings are respected, but with display: inline they are not.
Compared to display: block, the major difference is that display: inline-block does not add a line-break after the element, so the element can sit next to other elements.
#html #css