♨️ سیستم Link و Navigating در نکست چگونه کار میکند؟
توی پست آشنایی با Routing رو در Nextjs این سیستم رو بررسی کردیم. حالا باید ببینیم چطوری باید بین صفحاتمون مختلف جا به جا بشیم و چه کارایی میشه در این سیستم انجام داد.

ما سه تا راه برای navigating یا ناوبری یا همون جابه‌جایی داریم:
💠 استفاده از کامپوننت <Link>
💠 استفاده از هوک useRouter (برای کلاینت کامپوننت‌ها)
💠 استفاده از تابع redirect (برای سرور کامپوننت‌ها)

🔆 استفاده از کامپوننت <Link>
در این روش از Link که یک built-in component یا کامپوننت داخلی خود نکست هستش، استفاده میشه. که در واقع در پس‌زمینه از همون تگ a خود html استفاده میکنه که یه سری ویژگی‌های جذابی بهش اضافه کرده مثل قابلیت prefetching که میاد اون route که وارد کردید رو پیش‌بارگذاری یا preload میکنه با اینکار وقتی کاربر اون لینک رو باز میکنه صفحه سریع‌تر بارگذاری خواهد شد (میتونید غیرفعالش کنید)

💢 در تصویر بالا میتونید نمونه کدش رو ببینید.

برای دیدن پست‌های بیشتر در این زمینه و ادامه دار بودنش پست رو 👍 کنید...

#nextjs #reactjs

Channel | Group | YouTube

#typenoscript
#Fun

وقتی توی تایپ اسکریپت تایپ any میدی 😂

Channel | Group | YouTube

توی چنل کلِوِردِوز چیزای جالبی در‌باره برنامه نویسی فرانت و بک‌اند و لینوکس و .. به اشتراک گذاشته میشه.

پیشنهاد میکنم داشته باشیدش
@CleverDevs

#Fun

شایدم لپ تاپ شرکتو فروخته 😁

Channel | Group | YouTube

#Tips_N_Tricks

🌟تو این عکس براتون انواع داده ها توی جاوااسکریپت رو نشون دادم,هرزگاهی یه نگاهی بهش بکنید تا یادآوری بشه براتون🌟

Channel | Group | YouTube

سلام شب همگی بخیر ❤️
آقا فصل نوزدهم از دوبله دوره ریکت جوناس انجام شد امیدوارم که دوستانی که تهیه کردید لذت ببرید ✌️

فصل بعدی که بسیار فصل مهم و جذابیه در مورد ریداکس هست و رسماً با دوبله فصل بیست پارت سوم دوره به اتمام میرسه و وارد پارت آخر دوبله دوره میشیم 🔥

راستی دوتا تغییرات توی خرید دوبله ها قراره اتفاق بیافتد که خواستم یه اطلاع رسانی هم بکنم که هم اکنون هزینه دوبله دوره بعد از نه فصل اول که رایگان هست ۴۰۰ هزار تومن هست و احتمالا به زودی افزایش قیمت داشته، زیاد نه ولی حتما داریم..

مورد بعدی هم اینکه تا زمانی که دوبله دوره ریکت تموم بشه اگر تهیه بکنید به دوبله دوره نکست هم دسترسی دارید ولی بعد از اتمام دوبله دوره ریکت، نکست و ریکت از همدیگه دوبلشون جدا میشه..

این رو گفتم برای عزیزانی که میخوان تهیه بکنن، اول دوبله نه فصل اول رو که کاملا رایگان هست از چنل دوبله های ما @DubDev ببینید بعد اگر خواستید تهیه بکنید به من پیام بدید
@MehrshadHeisenberg3

داخل همین چنل دوبله ها، دوبله دوره جاوااسکریپت جوناس هم کاملا رایگان قرار گرفته و انشالا در آینده دوبله دوره HTML CSS جوناس هم کاملا رایگان داخلش قرار خواهد گرفت✌️

⚠️این کد به منظور حذف موارد تکراری از یک آرایه در جاوااسکریپت استفاده می‌شود.⚠️

✅این Set یک ساختار داده در جاوااسکریپت است که فقط مقادیر منحصر به فرد را در خود نگه می‌دارد. در اینجا new Set(array) از آرایه array یک مجموعه (Set) ایجاد می‌کند.

✅و ... (spread operator) برای استخراج اعضای مجموعه به عنوان عناصر جداگانه به کار می‌رود.

✅ایجاد یک آرایه جدید به نام uniqueArray که تنها دارای مقادیر منحصر به فرد از array است.

✅در نتیجه، uniqueArray حاوی مقادیر یکتا و بدون تکرار از array خواهد بود. در مثال فراهم شده، این آرایه حاوی اعداد 1، 2، 3 و 6 خواهد بود .

❌اگه از این جور پست ها خوشتون میاد با ری اکشن و اشتراک گذاریش بهم نشون بدین❌

Channel | Group | YouTube

#Fun

بحث و گفتگوهای (دیسکاشن های) گیت هاب در مقابل استک اورفلو 😂

Channel | Group | YouTube

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

برای همین این پست رو مینویسم لینکش هم رو هم انتهای پیام پین شده چنل میزارم اگر کسی از این به بعد داخل گروه اطلاعات سوالش کافی نبود لینک همین پست رو براش بفرستید که سوال کامل پرسیده بشه تا بتونید به سوالش جواب بدید

1️⃣ دوستان عزیز لطفا همراه با توضیحات سوالتون کد هم ارسال کنید، اگر شما بگید وقتی من روی این دکمه کلیک میکنم کار نمیکنه من چطور باید بفهمم که چرا کار نمیکنه؟ یا اگر بگید من فلان ارور رو گرفتم چطور من باید بدون کد بفهمم که شما چرا اون ارور رو گرفتید؟ علم غیب که ندارم درسته؟ در نتیجه لطفا از قسمت مربوطه (نه از تمام کدتون) عکس بدید و خیلی خوب میشه اگر که زحمت بکشید به شکل اسکرین شات بفرستید که خوانایی کدتون بیشتر بشه

2️⃣ مورد دوم اینکه خیلی خوبه اگر که راه حل هایی که خودتون هم امتحان کردید رو بنویسید، به طور مثال این دکمه کار نمیکنه و این مشکل رو داره، من فلان کد رو براش نوشتم بعد دیدم این مشکل رو داره و فلان تغییر رو داخلش اعمال کردم ولی همچنان کار نمیکنه، بعد رفتم سرچ کردم از این کد استفاده کردم الان اکی شده ولی فلان مشکل رو داره همچنان و ... اینطوری شخص جواب دهنده خیلی بهتر میتونه به شما کمک بکنه

3️⃣ خواهشا توضیحاتتون کامل باشه،‌ توضیح کامل یعنی چی؟ دقیقا چه کاری انجام دادید و دقیقا به چه مشکلی خوردید و نتیجه مورد نظر شما که الان بهش نرسیدید و میخواید بهش برسید چی هستش؟

4️⃣ یه نکته فوق العاده مهمی که باید بهش دقت بکنید و خیلی بهتون توی رفع مشکلاتتون کمک میکنه اینه که قبل از اینکه بخواید حالا چه توی گروه ما و چه هر جای دیگه ای مشکلتون رو مطرح کنید حتما حتما حتما توی گوگل در موردش سرچ کنید و بعد اگر از سرچ کردن هم به نتیجه نرسیدید اون موقع تازه مشکلتون رو توی گروه مطرح کنید و خیلی خوب میشه که بنویسید دقیقا چه چیزی رو داخل گوگل برای رفع مشکلتون سرچ کردید چون شاید کلا روش سرچ کردنتون اشتباه بوده باشه و اعضای گروه بهتون کمک کنن که متوجه بشید دقیقا چطوری باید توی گوگل دنبال جوابتون بگردید که اینطوری مهارت سرچتون خیلی بهتر میشه

5️⃣ دوستان سوالاتی نظیر: کسی هست اینجا اطلاعات در مورد جاوااسکریپت داشته باشه سوال دارم؟ کسی اینو بلده ازش سوال بپرسم؟ کسی از این استفاده کرده ازش سوال بپرسم و ... اینجور سوالات رو نپرسید، مستقیم سوال اصلیتون رو بپرسید برید سراغ اصل مطلب اگر کسی بلد بود جواب میده

این ها به نظرم موارد مهمی هستن که باید توی سوال پرسیدن رعایت بشه، باز هم اگر موردی بود اضافه میکنم اگر شما هم موردی به نظرتون رسید به من بگید که اضافه بکنم

گروه اصلی چنل:
@DeepDevsGp
گروه چتمون:
@InstaDevsGp

#Fun

کیا مسیر زندگیشون اینطوری عوض شده بزنن 😂 رو


Channel | Group | YouTube

دوستان یه عزیزی توی پیوی از من پرسید الان که ورژن جدید ریکت اومده پس باز باید آموزشمون رو عوض کنیم؟ بگردیم دنبال آموزشی که مشخصا ریکت ۱۹ رو آموزش داده؟ و همچنین در مورد آپدیت تکنولوژی های دیگه چطور؟

این ویس رو براشون گرفتم و بهشون توضیح دادم به نظرم خوبه شما هم بشنوید ❤️

Channel | Group | YouTube

لیست پست های کانال (این لیست آپدیت میشه) :

✅ اندر احوالات جاوا‌اسکریپت قسمت اول
👈🏻 در مورد نحوه کار js و javanoscript Engine

✅ اندر احوالات جاوا‌اسکریپت قسمت دوم
👈🏻 در مورد Execution Context, Call Stack

✅ اندر احوالات جاوا‌اسکریپت قسمت سوم
👈🏻 در مورد Scope

✅ اندر احوالات جاوا‌اسکریپت قسمت چهارم
👈🏻 در مورد Hoisting

✅ اندر احوالات جاوا‌اسکریپت قسمت پنجم (آخر)
👈🏻 در مورد مفهوم this و کاربردش، arrow function و bind

✅ توی جاوا‌اسکریپت Type Coercion چیه و چطور کار میکنه ؟؟؟ فرق == با === ؟؟؟

✅ تفاوت Expression و Statement تو برنامه نویسی

✅ آموزش عمیق clouser

✅ آموزش Async و Sync

رفقا پست فورواردی بالا مربوط به این چالشیه که روش ریپلای زدم و فقط ۳۹ درصد جواب درست دادن!

پست بالا مقاله های یه دوست عزیزیه که به قول خودش در رابطه با دل و روده جاوااسکریپت نوشته براتون 😁

اگر دوست داشتید بیشتر بفهمید چی به چیه ماجراهای پشت صحنه جاوااسکریپت، مطالعه کنید ❤️

#Tips_N_Tricks

📣راحت ترین روش روی تبدیل انواع دیتا بهم📣

🚀جمع هر چیزی با "" => راحت ترین روش تبدیل به رشته
🚀گذاشتن + پشت هر چیزی => راحت ترین روش تبدیل به عدد
🚀گذاشتن !! => راحت ترین روش تبدیل به بولین.

Channel | Group | YouTube

#Out_Of_IDE

If you want to make everyone happy, don't be a leader. Sell ice cream.🍦

حالا تصمیم با شماست که رهبر باشین یا بستنی فروش🫠

Channel | Group | YouTube

#NPM

اگه براتون سواله که این 2 تا فایل (package.json و package-lock.json ) چین و به چه دردی میخورم, پس فایل pdf رو بخونید 2 دقیقه طول میکشه 😎

Channel | Group | YouTube
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

#NPM
اینم از چیت شیت تفاوت فایل package.json و package-lock.json که خیلی ساده سعی کردم توضیح بدم و بگم که اصلا هر کدوم به چه دردی میخورن😎
⚠️با انتشارتون این پست رو بترکونید⚠️

Channel | Group | YouTube

#Out_Of_IDE

گذری بر داستان زندگی پریسا تبریز شاهدخت امنیت گوگل 😍

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

هرکی مثل من بهش افتخار میکنه بکوبه ❤️ رو

Channel | Group | YouTube

#VSCode_Extension

🚀 افزونه WakaTime برای VsCode یک ابزار است که به شما کمک می‌کند تا میزان زمان صرف‌شده در کدنویسی را دنبال کنید. این افزونه با استفاده از API WakaTime کار می‌کند و به شما اجازه می‌دهد تا به‌طور خودکار اطلاعات مربوط به فعالیت‌های کدنویسی خود را جمع‌آوری و تحلیل کنید.

Channel | Group | YouTube