#هشتگ

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#js_challenge
#your_challenge
#quick_challenge

حتما توی یوتیوب هم مارو دنبال کنید:
YouTube

لینک شبکه هایی که داخلشون اپیزودهای پادکست #برنامه_نویس_آگاه منتشر میشه:
CastBox
Google Podcasts
Spotify

هشتگ های مربوط به دوره های دوبله شده:
#Course
#JavaScript
#Jonas_Schmedtmann
#S01 #S02 ....
#E01 #E02 ....

اگر هم میخواید که به فایل زیپ دوبله فصل های مختلف دسترسی داشته باشید میتونید از ربات استفاده کنید:
@jschallenges_chat

جواب چالش ها:
#answer

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets

سطوح چالش های چنل:
#easy
#easy_to_medium
#medium
#medium_to_hard
#hard


تیپ و تیریک ها:
#Tips_N_Tricks
#VSCode_Extension
#Around_JS
#VsCode

موضوع های مختلف جاوااسکریپت (به این هشتگ ها به مرور اضافه میشه):
#arrays
#objects
#function
#async_await
#loops
#parsing_data
#short_circuiting
#object_destructuring
#promises
#error_handling
#fetch
#api
#NPM
#dates
#Clean_Code
#GitHub
#Git
#Design_Patterns
#DOM
#oop
#Package_Managers
#Timing

مطالب خارج از محیط IDE:
#Out_Of_IDE
#Music
#Fun

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp

#js_challenge
#no37
#medium_to_hard
#DOM
#fetch
#api
#error_handling

لینک api مربوطه(نحوه استفاده ازش رو داخل ویدیو توضیح دادم):
https://api-ninjas.com/api/quotes

لینک فایل های html css و starter.js داخل ریپازیتوری اصلی:
https://github.com/MCKH03/JS_Challenges/tree/master/DOM/Random%20Quote%20Generator%201

یه چالش ساده اما بسیار بسیار کاربردی

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

اما ... فقط در صورتی که خودتون برای حلش زحمت بکشید و به درهای بسته زیادی بخورید 👌

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

پ.ن: چیزی که توی ویدیو فکر میکنم فراموش کردم بهتون نشون بدم اینه که فکر اینکه اینترنت کاربر وسط fetch قطع بشه یا به هر دلیلی مشکل بوجود بیاد رو هم بکنید!

@js_challenges
@js_masters_gp

هشتگ های چنل که باهاشون میتونید راحت مطالب مورد نظرتون رو پیدا کنید:

چالش های چنل:
#js_challenge
#your_challenge
#quick_challenge

جواب چالش ها:
#answer

لینک ریپازیتوری ای که تمام چالش های اصلی اونجا جمع شده میتونید یه جا دسترسی داشته باشید:
https://github.com/MCKH03/JS_Challenges

آموزش های کوتاه (عموما کمتر از ده دقیقه):
#js_nuggets
مواردی که تاکنون داخل js_nuggets آموزش داده شده:
Intersection Observer API
Short Circuting
Object Destructuring
Array Destructuring
map filter reduce methods
clientX screenX pageX offsetX
clientY screenY pageY offsetY
Fetch
Try catch block
Map data structure

آموزش های طولانی (عموما بیشتر از ۱۵ دقیقه):
#js_amozsh

سطوح چالش های اصلی چنل:
#easy
#easy_to_medium
#medium
#medium_to_hard
#hard


تیپ و تیریک ها:
#Tips_N_Tricks
#VSCode_Extension
#Around_JS

موضوع های مختلف جاوااسکریپت (به این هشتگ ها به مرور اضافه میشه):
#arrays
#objects
#async_await
#loops
#parsing_data
#short_circuiting
#object_destructuring
#promises
#error_handling
#fetch
#api
#dates
#GitHub
#DOM

مطالب خارج از محیط IDE:
#Out_Of_IDE
#Music
#Fun
#Tech_Trends

مطالب خارج از محیط سیستم:
#Out_Of_Laptop

آیدی چنل:
@js_challenges
آیدی گروه چنل:
@js_masters_gp

#api
⚠️در HTTP، برای ارسال اطلاعات از فرم‌ها، از متدهای مختلفی استفاده می‌شود.⚠️
ولی بعضی از دوستان یا بلد نیستن یا موندن برای ارسال کدوم اطلاعات از کدوم متد هاش استفاده کنن 😭😭😭😭

براش یه فایل PDF درست کردم هم میتونید یاد بگیرید هم به عنوان برگه تقلب همیشه همراهتون داشته باشید🥳🥳🥳🥳

اگه خوشتون اومد راههای حمایت رو خودتون بلدید و لطفا انجام بدید 🫠🫠🫠
Channel | Group | YouTube

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

#api
بچه ها براتون باز یه چیت شیت درست کردم که 6 نوع مختلف از درخواست های API رو توی جاوااسکریپت توضیح و یاد میده . معایب و مزیتهای هر کدوم رو میگم😱
2 موردش توی عکس نیست و توی فایل PDF گذاشتم براتون 💥

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

#api
⚠️در HTTP، برای ارسال اطلاعات از فرم‌ها، از متدهای مختلفی استفاده می‌شود.⚠️
ولی بعضی از دوستان یا بلد نیستن یا موندن برای ارسال کدوم اطلاعات از کدوم متد هاش استفاده کنن 😭😭😭😭

براش یه فایل PDF درست کردم هم میتونید یاد بگیرید هم به عنوان برگه تقلب همیشه همراهتون داشته باشید🥳🥳🥳🥳

اگه خوشتون اومد راههای حمایت رو خودتون بلدید و لطفا انجام بدید 🫠🫠🫠

Channel | Group | YouTube

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

#api
بچه ها براتون باز یه چیت شیت درست کردم که 6 نوع مختلف از درخواست های API رو توی جاوااسکریپت توضیح و یاد میده . معایب و مزیتهای هر کدوم رو میگم😱
2 موردش توی عکس نیست و توی فایل PDF گذاشتم براتون 💥

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

#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

#api
#Tools

📣 افزونه REST Client برای Visual Studio Code یک ابزار قدرتمند است که به شما اجازه می‌دهد درخواست‌های HTTP را مستقیماً از داخل محیط vscode ارسال و مدیریت کنید. این افزونه برای توسعه‌دهندگان بسیار مفید است، زیرا به شما امکان می‌دهد APIها را تست کرده و نتایج را به‌صورت سریع و بدون نیاز به نرم افزار اضافی ببینید.
https://marketplace.visualstudio.com/items?itemName=humao.rest-client

⚠️البته مثل swager وpostman قدرتمند نیست ولی خب ...⚠️

Channel | Group | YouTube

🔰پایگاه داده ای از API‌ رایگان برای زمینه های مختلف مثل آب و هوا، اقتصاد،لوکیشن، محتوای صوتی و تصویری همش اینجا👇😉


🔗 https://www.freepublicapis.com

#api #frontend

Channel | Group |YouTube

📌 ابزار قدرتمند #TanStack_Query_5 برا مدیریت داده‌های فرانت‌اند، که با caching و background refetch تجربه‌ای سریع تر و روان تر ارائه می‌ده! 🚀

🔥 چالش‌های کار با API مثل مدیریت درخواست‌ها و جلوگیری از رندرهای غیرضروری رو باهاش حل کن!

🔗باید بدونی TanStack Query 5 داده‌ها رو کش می‌کنه و با background refetch هوشمندانه، اطلاعات رو بدون اختلال در تجربه‌ی کاربری به‌روز نگه می‌داره! ✨

📊 همچنین، مدیریت حالت‌های درخواست مانند لودینگ، ارور و موفقیت رو ساده‌تر میکنه و برنامه‌ ات بهینه‌ و حرفه‌ای‌تر میشه! 🎯💡

💠 اگر از React استفاده می‌کنی، با یک کانفیگ ساده میتونی تو پروژه‌ات به کار ببریش و از قابلیت‌هاش استفاده کنی! ⚡

🔹 برای داشتن بهترین تجربه‌ی Data Fetching، حتماً TanStack Query 5 رو امتحان کن! 😉

#TanStackQuery #DataFetching #React #Frontend #API

Channel | Group | YouTube