commit.pdf
49.5 KB
#Git
🚀این سواله خیلیا هست که میبپرسن ما چطوری کامیت بزنیم یا مثلا چی بنویسیم و ... سعی کردم تو این PDF توضیح بدم براتون🚀
❌اگر مفید بود 👍 و منتشرش بکنید❌
Channel | Group | YouTube
🚀این سواله خیلیا هست که میبپرسن ما چطوری کامیت بزنیم یا مثلا چی بنویسیم و ... سعی کردم تو این PDF توضیح بدم براتون🚀
❌اگر مفید بود 👍 و منتشرش بکنید❌
Channel | Group | YouTube
👍12❤4🔥1
#Api
📣 تو این پست 4 تا API کاربردی رایگان رو بهتون معرفی میکنم.
1. برای اطلاعات فیک سایت فروشگاهی
https://fakestoreapi.com
2.این برای user تصادفی با مشخصاتشه
https://randomuser.me
3.این برای پیدا کردن عکس و ویدیو و موزیک و ... مناسبه
https://www.shutterstock.com/developers
4.گوگل و سایر موتورهای جستوجو رو از اینجا میتونید داشته باشید
https://serpapi.com
Channel | Group | YouTube
📣 تو این پست 4 تا API کاربردی رایگان رو بهتون معرفی میکنم.
1. برای اطلاعات فیک سایت فروشگاهی
https://fakestoreapi.com
2.این برای user تصادفی با مشخصاتشه
https://randomuser.me
3.این برای پیدا کردن عکس و ویدیو و موزیک و ... مناسبه
https://www.shutterstock.com/developers
4.گوگل و سایر موتورهای جستوجو رو از اینجا میتونید داشته باشید
https://serpapi.com
Channel | Group | YouTube
❤10👍2🔥1
🤯6👍3😎2
♨️ سیستم Link و Navigating در نکست چگونه کار میکند؟
توی پست آشنایی با Routing رو در Nextjs این سیستم رو بررسی کردیم. حالا باید ببینیم چطوری باید بین صفحاتمون مختلف جا به جا بشیم و چه کارایی میشه در این سیستم انجام داد.
ما سه تا راه برای navigating یا ناوبری یا همون جابهجایی داریم:
💠 استفاده از کامپوننت <Link>
💠 استفاده از هوک useRouter (برای کلاینت کامپوننتها)
💠 استفاده از تابع redirect (برای سرور کامپوننتها)
🔆 استفاده از کامپوننت <Link>
در این روش از Link که یک built-in component یا کامپوننت داخلی خود نکست هستش، استفاده میشه. که در واقع در پسزمینه از همون تگ a خود html استفاده میکنه که یه سری ویژگیهای جذابی بهش اضافه کرده مثل قابلیت prefetching که میاد اون route که وارد کردید رو پیشبارگذاری یا preload میکنه با اینکار وقتی کاربر اون لینک رو باز میکنه صفحه سریعتر بارگذاری خواهد شد (میتونید غیرفعالش کنید)
💢 در تصویر بالا میتونید نمونه کدش رو ببینید.
برای دیدن پستهای بیشتر در این زمینه و ادامه دار بودنش پست رو 👍 کنید...
#nextjs #reactjs
Channel | Group | YouTube
توی پست آشنایی با Routing رو در Nextjs این سیستم رو بررسی کردیم. حالا باید ببینیم چطوری باید بین صفحاتمون مختلف جا به جا بشیم و چه کارایی میشه در این سیستم انجام داد.
ما سه تا راه برای navigating یا ناوبری یا همون جابهجایی داریم:
💠 استفاده از کامپوننت <Link>
💠 استفاده از هوک useRouter (برای کلاینت کامپوننتها)
💠 استفاده از تابع redirect (برای سرور کامپوننتها)
🔆 استفاده از کامپوننت <Link>
در این روش از Link که یک built-in component یا کامپوننت داخلی خود نکست هستش، استفاده میشه. که در واقع در پسزمینه از همون تگ a خود html استفاده میکنه که یه سری ویژگیهای جذابی بهش اضافه کرده مثل قابلیت prefetching که میاد اون route که وارد کردید رو پیشبارگذاری یا preload میکنه با اینکار وقتی کاربر اون لینک رو باز میکنه صفحه سریعتر بارگذاری خواهد شد (میتونید غیرفعالش کنید)
💢 در تصویر بالا میتونید نمونه کدش رو ببینید.
برای دیدن پستهای بیشتر در این زمینه و ادامه دار بودنش پست رو 👍 کنید...
#nextjs #reactjs
Channel | Group | YouTube
👍17
توی چنل کلِوِردِوز چیزای جالبی درباره برنامه نویسی فرانت و بکاند و لینوکس و .. به اشتراک گذاشته میشه.
پیشنهاد میکنم داشته باشیدش
@CleverDevs
پیشنهاد میکنم داشته باشیدش
@CleverDevs
👍8🤣4❤2🔥2
#Tips_N_Tricks
🌟تو این عکس براتون انواع داده ها توی جاوااسکریپت رو نشون دادم,هرزگاهی یه نگاهی بهش بکنید تا یادآوری بشه براتون🌟
Channel | Group | YouTube
🌟تو این عکس براتون انواع داده ها توی جاوااسکریپت رو نشون دادم,هرزگاهی یه نگاهی بهش بکنید تا یادآوری بشه براتون🌟
Channel | Group | YouTube
👍18🔥1
سلام شب همگی بخیر ❤️
آقا فصل نوزدهم از دوبله دوره ریکت جوناس انجام شد امیدوارم که دوستانی که تهیه کردید لذت ببرید ✌️
فصل بعدی که بسیار فصل مهم و جذابیه در مورد ریداکس هست و رسماً با دوبله فصل بیست پارت سوم دوره به اتمام میرسه و وارد پارت آخر دوبله دوره میشیم 🔥
راستی دوتا تغییرات توی خرید دوبله ها قراره اتفاق بیافتد که خواستم یه اطلاع رسانی هم بکنم که هم اکنون هزینه دوبله دوره بعد از نه فصل اول که رایگان هست ۴۰۰ هزار تومن هست و احتمالا به زودی افزایش قیمت داشته، زیاد نه ولی حتما داریم..
مورد بعدی هم اینکه تا زمانی که دوبله دوره ریکت تموم بشه اگر تهیه بکنید به دوبله دوره نکست هم دسترسی دارید ولی بعد از اتمام دوبله دوره ریکت، نکست و ریکت از همدیگه دوبلشون جدا میشه..
این رو گفتم برای عزیزانی که میخوان تهیه بکنن، اول دوبله نه فصل اول رو که کاملا رایگان هست از چنل دوبله های ما @DubDev ببینید بعد اگر خواستید تهیه بکنید به من پیام بدید
@MehrshadHeisenberg3
داخل همین چنل دوبله ها، دوبله دوره جاوااسکریپت جوناس هم کاملا رایگان قرار گرفته و انشالا در آینده دوبله دوره HTML CSS جوناس هم کاملا رایگان داخلش قرار خواهد گرفت✌️
آقا فصل نوزدهم از دوبله دوره ریکت جوناس انجام شد امیدوارم که دوستانی که تهیه کردید لذت ببرید ✌️
فصل بعدی که بسیار فصل مهم و جذابیه در مورد ریداکس هست و رسماً با دوبله فصل بیست پارت سوم دوره به اتمام میرسه و وارد پارت آخر دوبله دوره میشیم 🔥
راستی دوتا تغییرات توی خرید دوبله ها قراره اتفاق بیافتد که خواستم یه اطلاع رسانی هم بکنم که هم اکنون هزینه دوبله دوره بعد از نه فصل اول که رایگان هست ۴۰۰ هزار تومن هست و احتمالا به زودی افزایش قیمت داشته، زیاد نه ولی حتما داریم..
مورد بعدی هم اینکه تا زمانی که دوبله دوره ریکت تموم بشه اگر تهیه بکنید به دوبله دوره نکست هم دسترسی دارید ولی بعد از اتمام دوبله دوره ریکت، نکست و ریکت از همدیگه دوبلشون جدا میشه..
این رو گفتم برای عزیزانی که میخوان تهیه بکنن، اول دوبله نه فصل اول رو که کاملا رایگان هست از چنل دوبله های ما @DubDev ببینید بعد اگر خواستید تهیه بکنید به من پیام بدید
@MehrshadHeisenberg3
داخل همین چنل دوبله ها، دوبله دوره جاوااسکریپت جوناس هم کاملا رایگان قرار گرفته و انشالا در آینده دوبله دوره HTML CSS جوناس هم کاملا رایگان داخلش قرار خواهد گرفت✌️
❤🔥11👍6🔥1
⚠️این کد به منظور حذف موارد تکراری از یک آرایه در جاوااسکریپت استفاده میشود.⚠️
✅این Set یک ساختار داده در جاوااسکریپت است که فقط مقادیر منحصر به فرد را در خود نگه میدارد. در اینجا new Set(array) از آرایه array یک مجموعه (Set) ایجاد میکند.
✅و ... (spread operator) برای استخراج اعضای مجموعه به عنوان عناصر جداگانه به کار میرود.
✅ایجاد یک آرایه جدید به نام uniqueArray که تنها دارای مقادیر منحصر به فرد از array است.
✅در نتیجه، uniqueArray حاوی مقادیر یکتا و بدون تکرار از array خواهد بود. در مثال فراهم شده، این آرایه حاوی اعداد 1، 2، 3 و 6 خواهد بود .
❌اگه از این جور پست ها خوشتون میاد با ری اکشن و اشتراک گذاریش بهم نشون بدین❌
Channel | Group | YouTube
✅این Set یک ساختار داده در جاوااسکریپت است که فقط مقادیر منحصر به فرد را در خود نگه میدارد. در اینجا new Set(array) از آرایه array یک مجموعه (Set) ایجاد میکند.
✅و ... (spread operator) برای استخراج اعضای مجموعه به عنوان عناصر جداگانه به کار میرود.
✅ایجاد یک آرایه جدید به نام uniqueArray که تنها دارای مقادیر منحصر به فرد از array است.
✅در نتیجه، uniqueArray حاوی مقادیر یکتا و بدون تکرار از array خواهد بود. در مثال فراهم شده، این آرایه حاوی اعداد 1، 2، 3 و 6 خواهد بود .
❌اگه از این جور پست ها خوشتون میاد با ری اکشن و اشتراک گذاریش بهم نشون بدین❌
Channel | Group | YouTube
👍32🔥5💯5
یه چیزی که زیاد میبینم توی گروهمون اتفاق میافته اینه که دوستان سوال میپرسن ولی چون اصلا اطلاعات سوالی که پرسیدن کامل نیست باید دو سه تا سوال دیگه ازشون پرسیده بشه تا اینکه بشه فهمید مشکل کجاست و تازه دنبال راه حل گشت
برای همین این پست رو مینویسم لینکش هم رو هم انتهای پیام پین شده چنل میزارم اگر کسی از این به بعد داخل گروه اطلاعات سوالش کافی نبود لینک همین پست رو براش بفرستید که سوال کامل پرسیده بشه تا بتونید به سوالش جواب بدید
1️⃣ دوستان عزیز لطفا همراه با توضیحات سوالتون کد هم ارسال کنید، اگر شما بگید وقتی من روی این دکمه کلیک میکنم کار نمیکنه من چطور باید بفهمم که چرا کار نمیکنه؟ یا اگر بگید من فلان ارور رو گرفتم چطور من باید بدون کد بفهمم که شما چرا اون ارور رو گرفتید؟علم غیب که ندارم درسته؟ در نتیجه لطفا از قسمت مربوطه (نه از تمام کدتون) عکس بدید و خیلی خوب میشه اگر که زحمت بکشید به شکل اسکرین شات بفرستید که خوانایی کدتون بیشتر بشه
2️⃣ مورد دوم اینکه خیلی خوبه اگر که راه حل هایی که خودتون هم امتحان کردید رو بنویسید، به طور مثال این دکمه کار نمیکنه و این مشکل رو داره، من فلان کد رو براش نوشتم بعد دیدم این مشکل رو داره و فلان تغییر رو داخلش اعمال کردم ولی همچنان کار نمیکنه، بعد رفتم سرچ کردم از این کد استفاده کردم الان اکی شده ولی فلان مشکل رو داره همچنان و ... اینطوری شخص جواب دهنده خیلی بهتر میتونه به شما کمک بکنه
3️⃣ خواهشا توضیحاتتون کامل باشه، توضیح کامل یعنی چی؟ دقیقا چه کاری انجام دادید و دقیقا به چه مشکلی خوردید و نتیجه مورد نظر شما که الان بهش نرسیدید و میخواید بهش برسید چی هستش؟
4️⃣ یه نکته فوق العاده مهمی که باید بهش دقت بکنید و خیلی بهتون توی رفع مشکلاتتون کمک میکنه اینه که قبل از اینکه بخواید حالا چه توی گروه ما و چه هر جای دیگه ای مشکلتون رو مطرح کنید حتما حتما حتما توی گوگل در موردش سرچ کنید و بعد اگر از سرچ کردن هم به نتیجه نرسیدید اون موقع تازه مشکلتون رو توی گروه مطرح کنید و خیلی خوب میشه که بنویسید دقیقا چه چیزی رو داخل گوگل برای رفع مشکلتون سرچ کردید چون شاید کلا روش سرچ کردنتون اشتباه بوده باشه و اعضای گروه بهتون کمک کنن که متوجه بشید دقیقا چطوری باید توی گوگل دنبال جوابتون بگردید که اینطوری مهارت سرچتون خیلی بهتر میشه
5️⃣ دوستان سوالاتی نظیر: کسی هست اینجا اطلاعات در مورد جاوااسکریپت داشته باشه سوال دارم؟ کسی اینو بلده ازش سوال بپرسم؟ کسی از این استفاده کرده ازش سوال بپرسم و ... اینجور سوالات رو نپرسید، مستقیم سوال اصلیتون رو بپرسید برید سراغ اصل مطلب اگر کسی بلد بود جواب میده
این ها به نظرم موارد مهمی هستن که باید توی سوال پرسیدن رعایت بشه، باز هم اگر موردی بود اضافه میکنم اگر شما هم موردی به نظرتون رسید به من بگید که اضافه بکنم
گروه اصلی چنل:
@DeepDevsGp
گروه چتمون:
@InstaDevsGp
برای همین این پست رو مینویسم لینکش هم رو هم انتهای پیام پین شده چنل میزارم اگر کسی از این به بعد داخل گروه اطلاعات سوالش کافی نبود لینک همین پست رو براش بفرستید که سوال کامل پرسیده بشه تا بتونید به سوالش جواب بدید
1️⃣ دوستان عزیز لطفا همراه با توضیحات سوالتون کد هم ارسال کنید، اگر شما بگید وقتی من روی این دکمه کلیک میکنم کار نمیکنه من چطور باید بفهمم که چرا کار نمیکنه؟ یا اگر بگید من فلان ارور رو گرفتم چطور من باید بدون کد بفهمم که شما چرا اون ارور رو گرفتید؟
2️⃣ مورد دوم اینکه خیلی خوبه اگر که راه حل هایی که خودتون هم امتحان کردید رو بنویسید، به طور مثال این دکمه کار نمیکنه و این مشکل رو داره، من فلان کد رو براش نوشتم بعد دیدم این مشکل رو داره و فلان تغییر رو داخلش اعمال کردم ولی همچنان کار نمیکنه، بعد رفتم سرچ کردم از این کد استفاده کردم الان اکی شده ولی فلان مشکل رو داره همچنان و ... اینطوری شخص جواب دهنده خیلی بهتر میتونه به شما کمک بکنه
3️⃣ خواهشا توضیحاتتون کامل باشه، توضیح کامل یعنی چی؟ دقیقا چه کاری انجام دادید و دقیقا به چه مشکلی خوردید و نتیجه مورد نظر شما که الان بهش نرسیدید و میخواید بهش برسید چی هستش؟
4️⃣ یه نکته فوق العاده مهمی که باید بهش دقت بکنید و خیلی بهتون توی رفع مشکلاتتون کمک میکنه اینه که قبل از اینکه بخواید حالا چه توی گروه ما و چه هر جای دیگه ای مشکلتون رو مطرح کنید حتما حتما حتما توی گوگل در موردش سرچ کنید و بعد اگر از سرچ کردن هم به نتیجه نرسیدید اون موقع تازه مشکلتون رو توی گروه مطرح کنید و خیلی خوب میشه که بنویسید دقیقا چه چیزی رو داخل گوگل برای رفع مشکلتون سرچ کردید چون شاید کلا روش سرچ کردنتون اشتباه بوده باشه و اعضای گروه بهتون کمک کنن که متوجه بشید دقیقا چطوری باید توی گوگل دنبال جوابتون بگردید که اینطوری مهارت سرچتون خیلی بهتر میشه
5️⃣ دوستان سوالاتی نظیر: کسی هست اینجا اطلاعات در مورد جاوااسکریپت داشته باشه سوال دارم؟ کسی اینو بلده ازش سوال بپرسم؟ کسی از این استفاده کرده ازش سوال بپرسم و ... اینجور سوالات رو نپرسید، مستقیم سوال اصلیتون رو بپرسید برید سراغ اصل مطلب اگر کسی بلد بود جواب میده
این ها به نظرم موارد مهمی هستن که باید توی سوال پرسیدن رعایت بشه، باز هم اگر موردی بود اضافه میکنم اگر شما هم موردی به نظرتون رسید به من بگید که اضافه بکنم
گروه اصلی چنل:
@DeepDevsGp
گروه چتمون:
@InstaDevsGp
👍15👌3❤1
دوستان یه عزیزی توی پیوی از من پرسید الان که ورژن جدید ریکت اومده پس باز باید آموزشمون رو عوض کنیم؟ بگردیم دنبال آموزشی که مشخصا ریکت ۱۹ رو آموزش داده؟ و همچنین در مورد آپدیت تکنولوژی های دیگه چطور؟
این ویس رو براشون گرفتم و بهشون توضیح دادم به نظرم خوبه شما هم بشنوید ❤️
Channel | Group | YouTube
این ویس رو براشون گرفتم و بهشون توضیح دادم به نظرم خوبه شما هم بشنوید ❤️
Channel | Group | YouTube
👍15🤝5
کدام گزینه جزو موتور جاوا اسکریپت است؟
Anonymous Quiz
23%
Event loop
35%
Call stack
14%
Call back queue
28%
Web Api
🤣12🆒7❤🔥1
Forwarded from LearnByLearn📖
لیست پست های کانال (این لیست آپدیت میشه) :
✅ اندر احوالات جاوااسکریپت قسمت اول
👈🏻 در مورد نحوه کار js و javanoscript Engine
✅ اندر احوالات جاوااسکریپت قسمت دوم
👈🏻 در مورد Execution Context, Call Stack
✅ اندر احوالات جاوااسکریپت قسمت سوم
👈🏻 در مورد Scope
✅ اندر احوالات جاوااسکریپت قسمت چهارم
👈🏻 در مورد Hoisting
✅ اندر احوالات جاوااسکریپت قسمت پنجم (آخر)
👈🏻 در مورد مفهوم this و کاربردش، arrow function و bind
✅ توی جاوااسکریپت Type Coercion چیه و چطور کار میکنه ؟؟؟ فرق == با === ؟؟؟
✅ تفاوت Expression و Statement تو برنامه نویسی
✅ آموزش عمیق clouser
✅ آموزش Async و Sync
✅ اندر احوالات جاوااسکریپت قسمت اول
👈🏻 در مورد نحوه کار js و javanoscript Engine
✅ اندر احوالات جاوااسکریپت قسمت دوم
👈🏻 در مورد Execution Context, Call Stack
✅ اندر احوالات جاوااسکریپت قسمت سوم
👈🏻 در مورد Scope
✅ اندر احوالات جاوااسکریپت قسمت چهارم
👈🏻 در مورد Hoisting
✅ اندر احوالات جاوااسکریپت قسمت پنجم (آخر)
👈🏻 در مورد مفهوم this و کاربردش، arrow function و bind
✅ توی جاوااسکریپت Type Coercion چیه و چطور کار میکنه ؟؟؟ فرق == با === ؟؟؟
✅ تفاوت Expression و Statement تو برنامه نویسی
✅ آموزش عمیق clouser
✅ آموزش Async و Sync
Telegram
LearnByLearn📖
اندر احوالات جاوااسکریپت 👈🏻 اپیزود اول
https://vrgl.ir/fH7sf
@LearnByLearn
https://vrgl.ir/fH7sf
@LearnByLearn
👍9🔥1