قراره توی دورهی پیشرفته، یک تجربهی واقعیِ ورود به تیم توسعه رو داشته باشید. توی این پروژه شما دقیقاً مثل یک Front-end Developer وارد یک تیم واقعی میشید و یاد میگیرید چطور از صفر تا صد در کنار بقیه اعضا روی یک محصول حرفهای مثل جلاتوهاوس کار کنید.
✨ این پروژه هم دیزاین کامل داره، هم با API اختصاصی خودش جلو میره؛ یعنی همهچیز واقعیه، مثل یک پروژهی شرکتی!
و خبر خوب اینه که این هفته یک آپدیت خیلی خفن هم بهش اضافه میشه!
اگه میخواید یکبار برای همیشه فرانتاند براتون جا بیفته، پیشنهاد میکنم همین الان همراه من شروع کنید به کدنویسی این پروژه! 👨💻🍦
@codehalics
✨ این پروژه هم دیزاین کامل داره، هم با API اختصاصی خودش جلو میره؛ یعنی همهچیز واقعیه، مثل یک پروژهی شرکتی!
و خبر خوب اینه که این هفته یک آپدیت خیلی خفن هم بهش اضافه میشه!
اگه میخواید یکبار برای همیشه فرانتاند براتون جا بیفته، پیشنهاد میکنم همین الان همراه من شروع کنید به کدنویسی این پروژه! 👨💻🍦
@codehalics
👍8👏6❤3
تو اینستا بیکار که میشم میم برنامه نویسی میزارم ( جوک شوهر عمه ای توش زیاده )
دوست داشتین فالو کنید :)))
instagram.com/codehalic
@codehalic
دوست داشتین فالو کنید :)))
instagram.com/codehalic
@codehalic
😁2
🍦 شروع پروژه جلاتوهاوس با طعم ReactJS!
🚀 دوستان، فصل چهارم دوره پیشرفته فرانتاند کدهالیک شروع شد!
تو این پروژه هیجانانگیز، با ساخت واقعی یک اپلیکیشن جلاتوهاوس از صفر تا صد همراه خواهید شد: از طراحی فیگما و دیزاینسیستم گرفته تا راهاندازی پروژه با Vite، استایلدهی با Tailwind و PostCSS و حتی CI/CD و دپلوی روی Vercel! 💻✨
همراه شو و با پروژههای واقعی، مهارت ReactJS و فرانتاند خودت رو حرفهای کن!
🔗 لینک ثبتنام و شروع پروژه: کدهالیک - جلاتوهاوس
https://codehalic.ir/courses/frontend-codecamp-advanced
@codehalics
🚀 دوستان، فصل چهارم دوره پیشرفته فرانتاند کدهالیک شروع شد!
تو این پروژه هیجانانگیز، با ساخت واقعی یک اپلیکیشن جلاتوهاوس از صفر تا صد همراه خواهید شد: از طراحی فیگما و دیزاینسیستم گرفته تا راهاندازی پروژه با Vite، استایلدهی با Tailwind و PostCSS و حتی CI/CD و دپلوی روی Vercel! 💻✨
همراه شو و با پروژههای واقعی، مهارت ReactJS و فرانتاند خودت رو حرفهای کن!
🔗 لینک ثبتنام و شروع پروژه: کدهالیک - جلاتوهاوس
https://codehalic.ir/courses/frontend-codecamp-advanced
@codehalics
🔥12❤2
قسمت چهاردهم رسید؛ همانجایی که کد کمکم تبدیل میشود به یک سرویس واقعی.
در این بخش، پیادهسازی اولیه سرویس Drivers را در NestJS جلو میبریم. از ساخت ماژول و کنترلر گرفته تا چیدن سرویسها روی یک معماری تمیز و قابل توسعه، قدمبهقدم ساختار اصلی را شکل میدیم تا بقیه بخشها راحتتر روی آن سوار شوند.
اگر روی طراحی سرویسهای ماژولار یا شروع معماری تمیز در NestJS کار میکنید، این قسمت مسیر را برای ادامه کاملاً روشن میکند.
🎬 قسمت ۱۵: پیادهسازی کامل درخواست OTP
در قسمت اول این مینیسری، کل فرایند ارسال و تأیید کد میکنیم . یک راهنمای کامل برای طراحی فرایند احراز هویت ساده، سریع و امن.
🚀 قسمت ۱۶: ذخیره و مدیریت کدهای OTP با Redis
Home Home page Redis page Redis page TTLHome
ادامه مسیر، در قسمتهای بعدی جذابتر هم میشود و سراغ لایههای عمیقتر میرویم.
https://codehalic.ir/courses/nestjs-intermediate
@codehalics
در این بخش، پیادهسازی اولیه سرویس Drivers را در NestJS جلو میبریم. از ساخت ماژول و کنترلر گرفته تا چیدن سرویسها روی یک معماری تمیز و قابل توسعه، قدمبهقدم ساختار اصلی را شکل میدیم تا بقیه بخشها راحتتر روی آن سوار شوند.
اگر روی طراحی سرویسهای ماژولار یا شروع معماری تمیز در NestJS کار میکنید، این قسمت مسیر را برای ادامه کاملاً روشن میکند.
🎬 قسمت ۱۵: پیادهسازی کامل درخواست OTP
در قسمت اول این مینیسری، کل فرایند ارسال و تأیید کد میکنیم . یک راهنمای کامل برای طراحی فرایند احراز هویت ساده، سریع و امن.
🚀 قسمت ۱۶: ذخیره و مدیریت کدهای OTP با Redis
Home Home page Redis page Redis page TTLHome
ادامه مسیر، در قسمتهای بعدی جذابتر هم میشود و سراغ لایههای عمیقتر میرویم.
https://codehalic.ir/courses/nestjs-intermediate
@codehalics
🔥4❤1
رفقا واقعاً ممنونم بابت انرژی خوبی که همیشه به من و کدهالیک میدین. اگر دوست داشتین، میتونیم فیدبکهاتون رو با اسم و عکس خودتون تو بخش نظرات لندینگ منتشر کنیم؛ هم صفحه رو جذابتر میکنه، هم برای من و کدهالیک یه یادگار قشنگ از همراهی شماست.
اگر مایل بودین، پیامتون رو همراه با نام و نامخانوادگی، دورهای که دانشجوش بودین و عکسی که میخواین داخل سایت نمایش داده بشه، برای آیدی
@codehalic_support
بفرستین تا با اسم خودتون روی سایت قرار بگیره.
@codehalics
اگر مایل بودین، پیامتون رو همراه با نام و نامخانوادگی، دورهای که دانشجوش بودین و عکسی که میخواین داخل سایت نمایش داده بشه، برای آیدی
@codehalic_support
بفرستین تا با اسم خودتون روی سایت قرار بگیره.
@codehalics
❤13
🔥 یکی از باحالترین پروژههایی که این هفته دیدم!
تا حالا شده بخوای یه کاربری که لاگین نیست رو توی سایتت تشخیص بدی؟
مثلاً بفهمی اگه مرورگشو بست و دوباره اومد، همون آدمه یا یکی دیگه بدون اینکه کوکی داشته باشه، بدون اینکه لاگین کرده باشه؟
اینجا پای یه چیز جذاب به اسم Browser Fingerprint وسطه.
کلی اطلاعات ریز و درشت از مرورگر و سیستم کاربر رو کنار هم میذاری و یه رشتهی منحصربهفرد میسازی که بتونی بشناسیش.
امااااا…
تو Incognito کروم چی؟
اونجا عملاً همهچی پاکه و کاربر خیلی راحت میتونه هویتش رو قایم کنه.
همین باعث میشه Fingerprint از بین بره و انگار اولین باره داره سایتت رو باز میکنه.
ولی این پروژهای که دیدم… معرکهست!
با یه ترفند خیلی خلاقانه با استفاده از favicon میتونه حتی تو حالت incognito هم تشخیص بده که این همون کاربره که چند دقیقه پیش سایتت بوده!
بدون کوکی، بدون localStorage، بدون هیچ ذخیرهسازی مرسوم.
فقط با یه ایدهی ناب!
واقعاً لذت بردم از خلاقیتش.
https://github.com/jonasstrehle/supercookie
@codehalics
تا حالا شده بخوای یه کاربری که لاگین نیست رو توی سایتت تشخیص بدی؟
مثلاً بفهمی اگه مرورگشو بست و دوباره اومد، همون آدمه یا یکی دیگه بدون اینکه کوکی داشته باشه، بدون اینکه لاگین کرده باشه؟
اینجا پای یه چیز جذاب به اسم Browser Fingerprint وسطه.
کلی اطلاعات ریز و درشت از مرورگر و سیستم کاربر رو کنار هم میذاری و یه رشتهی منحصربهفرد میسازی که بتونی بشناسیش.
امااااا…
تو Incognito کروم چی؟
اونجا عملاً همهچی پاکه و کاربر خیلی راحت میتونه هویتش رو قایم کنه.
همین باعث میشه Fingerprint از بین بره و انگار اولین باره داره سایتت رو باز میکنه.
ولی این پروژهای که دیدم… معرکهست!
با یه ترفند خیلی خلاقانه با استفاده از favicon میتونه حتی تو حالت incognito هم تشخیص بده که این همون کاربره که چند دقیقه پیش سایتت بوده!
بدون کوکی، بدون localStorage، بدون هیچ ذخیرهسازی مرسوم.
فقط با یه ایدهی ناب!
واقعاً لذت بردم از خلاقیتش.
https://github.com/jonasstrehle/supercookie
@codehalics
🔥5👏1
شرکت زیرساخت کلیدی اینترنت، Cloudflare، با یک اختلال بزرگ روبرو شده که باعث بروز خطاهای ۵۰۰ (Internal Server Error) در سطح گستردهای از وبسایتها و سرویسها شده است.
سرویسهای تحت تأثیر: این مشکل باعث از دسترس خارج شدن یا اختلال در سایتهای مهمی از جمله X (توییتر سابق)، OpenAI، Spotify و حتی سایت گزارش قطعیها، Downdetector، شده بود.
وضعیت فعلی: Cloudflare اعلام کرد که "مشکل شناسایی شده و در حال پیادهسازی راهحل هستیم."
خبر خوب: طبق آخرین بهروزرسانیها، سرویسها به تدریج در حال بازگشت به حالت عادی هستند، هرچند ممکن است کاربران همچنان با نرخ خطای بالاتری مواجه شوند.
اگر در ساعات گذشته هنگام کار با اینترنت با خطای سرور یا عدم دسترسی مواجه شدید، دلیل آن همین مشکل بزرگ زیرساختی بوده است.
پ.ن : کدهالیکم روی کلودفلر بود و الان سایت پایینه دی:
@codehalics
سرویسهای تحت تأثیر: این مشکل باعث از دسترس خارج شدن یا اختلال در سایتهای مهمی از جمله X (توییتر سابق)، OpenAI، Spotify و حتی سایت گزارش قطعیها، Downdetector، شده بود.
وضعیت فعلی: Cloudflare اعلام کرد که "مشکل شناسایی شده و در حال پیادهسازی راهحل هستیم."
خبر خوب: طبق آخرین بهروزرسانیها، سرویسها به تدریج در حال بازگشت به حالت عادی هستند، هرچند ممکن است کاربران همچنان با نرخ خطای بالاتری مواجه شوند.
اگر در ساعات گذشته هنگام کار با اینترنت با خطای سرور یا عدم دسترسی مواجه شدید، دلیل آن همین مشکل بزرگ زیرساختی بوده است.
پ.ن : کدهالیکم روی کلودفلر بود و الان سایت پایینه دی:
@codehalics
❤5
💥 آپدیت دوره NestJS منتشر شد! 🚀
دورهی جامع NestJS (مقدماتی تا پیشرفته) با فصول کاملاً جدید بهروزرسانی شد. (پروژه تاکسی اینترنتی مشابه اسنپ و تپسی)
احراز هویت کامل (Authentication)
پیادهسازی OTP و Redis
مدیریت ریسپانسهای استاندارد و خطاهای سفارشی
طراحی مدل و سرویس Drivers
🔗 لینک دوره و فصول جدید:
https://codehalic.ir/courses/nestjs-intermediate
#NestJS #Backend #NodeJS #آپدیت
دورهی جامع NestJS (مقدماتی تا پیشرفته) با فصول کاملاً جدید بهروزرسانی شد. (پروژه تاکسی اینترنتی مشابه اسنپ و تپسی)
احراز هویت کامل (Authentication)
پیادهسازی OTP و Redis
مدیریت ریسپانسهای استاندارد و خطاهای سفارشی
طراحی مدل و سرویس Drivers
🔗 لینک دوره و فصول جدید:
https://codehalic.ir/courses/nestjs-intermediate
#NestJS #Backend #NodeJS #آپدیت
❤2👍2
Forwarded from منتینو | Menteeno
🔥 آخرین فرصت ثبتنام در رویداد SoftSkills برای برنامهنویسان!
دومین "ایونت حضوری منتینو" پنجشنبه ۲۹ آبان 🎉
اینجا برای اونهاییه که میخوان رشد کنن، یاد بگیرن، با آدمهای همحوزهشون ارتباط واقعی بسازن و یک همتیمی غیر قابل جایگزین شدن باشن!
توی این ایونت قراره بازی اختصاصی طراحی شده برای این رویداد رو با هم بازی کنیم، به هم فیدبک بدیم و مرزهامون رو توی محیط کاری مشخص کنیم.
اینجا جاییه برای همهی کارهایی که کمک میکنه توی مسیر کاریمون، تبدیل به یک حرفهای بشیم!
🌱 اگر دوست دارید بیشتر از ایونت بدونید لینک زیر مشتاق کنجکاوی شماست!
برای شروع یک رشد 🔗
https://menteeno.app/fa/event/
دومین "ایونت حضوری منتینو" پنجشنبه ۲۹ آبان 🎉
اینجا برای اونهاییه که میخوان رشد کنن، یاد بگیرن، با آدمهای همحوزهشون ارتباط واقعی بسازن و یک همتیمی غیر قابل جایگزین شدن باشن!
توی این ایونت قراره بازی اختصاصی طراحی شده برای این رویداد رو با هم بازی کنیم، به هم فیدبک بدیم و مرزهامون رو توی محیط کاری مشخص کنیم.
اینجا جاییه برای همهی کارهایی که کمک میکنه توی مسیر کاریمون، تبدیل به یک حرفهای بشیم!
🌱 اگر دوست دارید بیشتر از ایونت بدونید لینک زیر مشتاق کنجکاوی شماست!
برای شروع یک رشد 🔗
https://menteeno.app/fa/event/
منتینو | Menteeno
🔥 آخرین فرصت ثبتنام در رویداد SoftSkills برای برنامهنویسان! دومین "ایونت حضوری منتینو" پنجشنبه ۲۹ آبان 🎉 اینجا برای اونهاییه که میخوان رشد کنن، یاد بگیرن، با آدمهای همحوزهشون ارتباط واقعی بسازن و یک همتیمی غیر قابل جایگزین شدن باشن! توی این ایونت…
رفقا منتینو یه ایونت جدید گذاشته تو حوزه SoftSkills
با کد تخفیف : codehalic
تا 20 درصد هم بهتون تخفیف تو خرید بیلیط میده
اگر مایل بودید حتما شرکت کنید
دفعه پیش من رفتم خیلی خوش گذشت واقعا !
@codehalics
با کد تخفیف : codehalic
تا 20 درصد هم بهتون تخفیف تو خرید بیلیط میده
اگر مایل بودید حتما شرکت کنید
دفعه پیش من رفتم خیلی خوش گذشت واقعا !
@codehalics
👋 بچهها! یه خبر خفن از گوگل: Antigravity اومد!
Antigravity چیه؟
فکر کن یه VS Code داری، ولی غولتَر و باهوشتر! این یه فورک (نسخه تغییر یافته) از VS Code هست که گوگل زده.
Gemini 3 Pro توش رایگانه!
یعنی چی؟ یعنی هوش مصنوعی دیگه فقط دستیار نیست؛ بهش میگی "برام یه برنامه بساز"، خودش میره کد میزنه، باگهاشو میگیره و اجراش میکنه!
تو مرحله پیشنمایش (Public Preview) هست و رایگان میتونی از تمام قابلیتهای خفن Gemini 3 Pro توش استفاده کنی.
پ.ن : احتمالا نسخه اصلیش پولی میشه برای همین تو همین فرصت کم سعی کنین ازش بیشترین استفاده رو کنید
لینک مستقیم: 🔗 https://antigravity.google/
@codehalics
Antigravity چیه؟
فکر کن یه VS Code داری، ولی غولتَر و باهوشتر! این یه فورک (نسخه تغییر یافته) از VS Code هست که گوگل زده.
Gemini 3 Pro توش رایگانه!
یعنی چی؟ یعنی هوش مصنوعی دیگه فقط دستیار نیست؛ بهش میگی "برام یه برنامه بساز"، خودش میره کد میزنه، باگهاشو میگیره و اجراش میکنه!
تو مرحله پیشنمایش (Public Preview) هست و رایگان میتونی از تمام قابلیتهای خفن Gemini 3 Pro توش استفاده کنی.
پ.ن : احتمالا نسخه اصلیش پولی میشه برای همین تو همین فرصت کم سعی کنین ازش بیشترین استفاده رو کنید
لینک مستقیم: 🔗 https://antigravity.google/
@codehalics
❤3
آپدیت جدید دوره Nestjs مقدماتی تا پیشرفته
قسمت بیستم
وریفای کردن کد یکبار مصرف (OTP) در احراز هویت کاربران
در این آموزش نحوهی اعتبارسنجی و وریفای کردن کد یکبار مصرف (OTP) در فرآیند احراز هویت کاربران را یاد میگیرید. این مرحله یکی از مهمترین بخشهای امنیتی در سیستمهای لاگین و ثبتنام است و به کمک آن میتوان از ورودهای غیرمجاز جلوگیری کرد.
https://codehalic.ir/courses/nestjs-intermediate/videos/verify-otp-in-authentication
@codehalics
قسمت بیستم
وریفای کردن کد یکبار مصرف (OTP) در احراز هویت کاربران
در این آموزش نحوهی اعتبارسنجی و وریفای کردن کد یکبار مصرف (OTP) در فرآیند احراز هویت کاربران را یاد میگیرید. این مرحله یکی از مهمترین بخشهای امنیتی در سیستمهای لاگین و ثبتنام است و به کمک آن میتوان از ورودهای غیرمجاز جلوگیری کرد.
https://codehalic.ir/courses/nestjs-intermediate/videos/verify-otp-in-authentication
@codehalics
❤2
آپدیت جدید دوره پیشرفته فرانتاند منتشر شد! 🚀
چهار بخش تازه به دوره اضافه شده:
• قسمت ۷: طراحی ساختار Layout در اپلیکیشن جلاتوهاوس
• قسمت ۸: طراحی دکمهها + معرفی دیزاین پترن Factory
• قسمت ۹: پیادهسازی کامل دکمهها با Factory (کدنویسی)
• قسمت ۱۰: تکمیل و بهینهسازی ساختار Factory در دکمهها
همهی این بخشها رایگان و آماده مشاهدهست.
اگر روی معماری فرانتاند، کامپوننتسازی پیشرفته و الگوهای طراحی جدی هستید، این آپدیت رو از دست ندید. 🔥
https://codehalic.ir/courses/frontend-codecamp-advanced
@codehalics
چهار بخش تازه به دوره اضافه شده:
• قسمت ۷: طراحی ساختار Layout در اپلیکیشن جلاتوهاوس
• قسمت ۸: طراحی دکمهها + معرفی دیزاین پترن Factory
• قسمت ۹: پیادهسازی کامل دکمهها با Factory (کدنویسی)
• قسمت ۱۰: تکمیل و بهینهسازی ساختار Factory در دکمهها
همهی این بخشها رایگان و آماده مشاهدهست.
اگر روی معماری فرانتاند، کامپوننتسازی پیشرفته و الگوهای طراحی جدی هستید، این آپدیت رو از دست ندید. 🔥
https://codehalic.ir/courses/frontend-codecamp-advanced
@codehalics
👏5❤4🔥2
این هفته یکی از پروژه های خیلی باحال پروژه دولوپرای هندی بوده که اومدن ساختار کامیونیکیشن ایرپاد های اپل با دیوایس های غیراپلی مثل اندروید و لینوکس رو ریورس انجینر کردن و از این ب بعد میتونید از سیستم عامل هم دستوراتی مث نویز کنسل شدن و تنظیمات ایرپاد و اداپتیو مود اش رو فعال کنید چیزی که فقط روی خود دیوایس میشد انجام داد یا باید متصلش میکردید به یه دیوایس اپلی !
واقعا پروژه جذابیه و دمشون گرم که اینهمه وقت میزارن همچین چیزایی میسازن
درود به اکوسیستم اوپن سورس ☺️🙏
https://github.com/kavishdevar/librepods
@codehalics
واقعا پروژه جذابیه و دمشون گرم که اینهمه وقت میزارن همچین چیزایی میسازن
درود به اکوسیستم اوپن سورس ☺️🙏
https://github.com/kavishdevar/librepods
@codehalics
🔥9
🚀 آپدیت جدید دوره فرانتاند مقدماتی منتشر شد!
از قسمت سیزدهم تا نوزدهم به دوره اضافه شد؛ مباحث مهمی مثل Fallback فونتها، آیکونها در CSS، استایلدهی لیست و جدول، اصول BEM، ویژگی overflow و آموزش کامل max/min در ابعاد.
همهی قسمتها رایگان و با مثالهای کاربردی 👌
💻 همین حالا برو و بخشهای جدید رو ببین!
https://codehalic.ir/courses/frontend-codecamp-beginners
@codehalics
از قسمت سیزدهم تا نوزدهم به دوره اضافه شد؛ مباحث مهمی مثل Fallback فونتها، آیکونها در CSS، استایلدهی لیست و جدول، اصول BEM، ویژگی overflow و آموزش کامل max/min در ابعاد.
همهی قسمتها رایگان و با مثالهای کاربردی 👌
💻 همین حالا برو و بخشهای جدید رو ببین!
https://codehalic.ir/courses/frontend-codecamp-beginners
@codehalics
❤7
کدهالیک | codehalic
👋 بچهها! یه خبر خفن از گوگل: Antigravity اومد! Antigravity چیه؟ فکر کن یه VS Code داری، ولی غولتَر و باهوشتر! این یه فورک (نسخه تغییر یافته) از VS Code هست که گوگل زده. Gemini 3 Pro توش رایگانه! یعنی چی؟ یعنی هوش مصنوعی دیگه فقط دستیار نیست؛ بهش میگی…
نیومده یکی نشسته کل IOS باهاش ساخته گذاشته تو این ریپو تمام ویجتاشم کار میکنه تازه :))))))
دنیای جالبیه دیگ تقریبا داریم به کمتر کد زدن عادت میکنیم
https://github.com/PallavAg/iOS-Clone-SwiftUI
@codehalics
دنیای جالبیه دیگ تقریبا داریم به کمتر کد زدن عادت میکنیم
https://github.com/PallavAg/iOS-Clone-SwiftUI
@codehalics
🔥1
🔥 دوره جامع Swagger از صفر تا صد | کاملاً پروژهمحور منتشر شد!
اگه بکاند کار میکنی و میخوای APIهات تمیز، استاندارد و قابل فهم باشه…
اگه از سوالهای تکراری فرانت و QA خسته شدی…
اگه میخوای Swagger و OpenAPI رو مثل یه حرفهای بلد باشی…
این دوره دقیقاً برای توئه! 👇
🎯 توی این دوره یاد میگیری:
• مستندسازی کامل API
• تعریف endpointها، مدلها، خطاها
• نسخهبندی API
• کار با مدلهای پیچیده، فایل آپلود، امنیت و…
• + کلی نکته ریز که فقط تو پروژههای واقعی میبینی!
💡 دوره کاملاً پروژهمحوره و از صفر تا پیشرفته همهچیز رو قدمبهقدم جلو میبریم.
🎁 رایگان برای همیشه
📌 دوره تکمیل شده و آماده مشاهده است
👇 همین الان وارد شو و شروع کن:
https://codehalic.ir/courses/swagger
کانال تلگرام کدهالیک
@codehalics
اگه بکاند کار میکنی و میخوای APIهات تمیز، استاندارد و قابل فهم باشه…
اگه از سوالهای تکراری فرانت و QA خسته شدی…
اگه میخوای Swagger و OpenAPI رو مثل یه حرفهای بلد باشی…
این دوره دقیقاً برای توئه! 👇
🎯 توی این دوره یاد میگیری:
• مستندسازی کامل API
• تعریف endpointها، مدلها، خطاها
• نسخهبندی API
• کار با مدلهای پیچیده، فایل آپلود، امنیت و…
• + کلی نکته ریز که فقط تو پروژههای واقعی میبینی!
💡 دوره کاملاً پروژهمحوره و از صفر تا پیشرفته همهچیز رو قدمبهقدم جلو میبریم.
🎁 رایگان برای همیشه
📌 دوره تکمیل شده و آماده مشاهده است
👇 همین الان وارد شو و شروع کن:
https://codehalic.ir/courses/swagger
کانال تلگرام کدهالیک
@codehalics
😍13👍1
یک نکتهی ظریف اما مهم در React که خیلیها بهش توجه نمیکنن:
useEffect در کامپوننتهای فرزند زودتر از والد اجرا میشود.
چرا؟ چون React هنگام commit از الگوریتم depth-first استفاده میکند:
در فاز render فقط درخت Fiber ساخته میشود (هنوز هیچ effectی اجرا نشده).
در فاز commit، React از عمیقترین node شروع میکند و effects مربوط به childها را اجرا میکند.
بعد از اتمام فرزندها، برمیگردد سراغ parent و effect والد را اجرا میکند.
به همین دلیل ترتیب اجرای useEffect همیشه از child → parent است.
اگه تستش کنی و داخل هر useEffect یک console.log بذاری، ترتیب اجرا غافلگیرت میکنه 😄
این جزئیات ریز گاهی در مصاحبههای React هم میتونه امتیاز مهمی برات بسازه.
📝 Hamed Latifi
@codehalics
useEffect در کامپوننتهای فرزند زودتر از والد اجرا میشود.
چرا؟ چون React هنگام commit از الگوریتم depth-first استفاده میکند:
در فاز render فقط درخت Fiber ساخته میشود (هنوز هیچ effectی اجرا نشده).
در فاز commit، React از عمیقترین node شروع میکند و effects مربوط به childها را اجرا میکند.
بعد از اتمام فرزندها، برمیگردد سراغ parent و effect والد را اجرا میکند.
به همین دلیل ترتیب اجرای useEffect همیشه از child → parent است.
اگه تستش کنی و داخل هر useEffect یک console.log بذاری، ترتیب اجرا غافلگیرت میکنه 😄
این جزئیات ریز گاهی در مصاحبههای React هم میتونه امتیاز مهمی برات بسازه.
📝 Hamed Latifi
@codehalics
👌8❤1🤔1
بخش جدیدی به صفحه اصلی کدهالیک اضافه شد؛ قابی برای تقدیر از عزیزانی که در این مسیر به ما اعتماد کردند و با حمایتهای ارزشمندشان، چراغ راه ما شدند.
قدردان اعتماد و همراهی ارزشمند شما هستیم.
مسیر رشد و توسعه، بدون داشتن همراهانی که به چشمانداز ما باور داشته باشند، دشوار است. تشکر ویژه از حامیان عزیزی که با حمایتهای خود، نه تنها به تداوم این مسیر کمک کردند، بلکه انگیزهبخش ما برای ارائه محتوای باکیفیتتر شدند.
نام شما در قلب این پروژه حک شده است. سپاس از اینکه بخشی از داستان رشد ما هستید. 🌱💙
#کدهالیک
با تشکر از کافی بده و مهدی شمس عزیز برای محیا کردن زیرساخت دونیشن به کدهالیک
https://www.coffeebede.com/
@codehalics
قدردان اعتماد و همراهی ارزشمند شما هستیم.
مسیر رشد و توسعه، بدون داشتن همراهانی که به چشمانداز ما باور داشته باشند، دشوار است. تشکر ویژه از حامیان عزیزی که با حمایتهای خود، نه تنها به تداوم این مسیر کمک کردند، بلکه انگیزهبخش ما برای ارائه محتوای باکیفیتتر شدند.
نام شما در قلب این پروژه حک شده است. سپاس از اینکه بخشی از داستان رشد ما هستید. 🌱💙
#کدهالیک
با تشکر از کافی بده و مهدی شمس عزیز برای محیا کردن زیرساخت دونیشن به کدهالیک
https://www.coffeebede.com/
@codehalics
❤12👍1🔥1