❓ تا حالا این سؤالها رو از خودت پرسیدی؟
⏳ کی از برنامهنویسی درآمد میگیرم؟
😔 نکنه از بقیه عقبترم؟
🔥 چرا حس میکنم چیزی بلد نیستم؟
این حسها برای خیلی از برنامهنویسها طبیعیه. توی این مقاله دربارهی این دغدغهها و مسیر واقعی یادگیری صحبت کردم.
🔗 مطالعه مقاله
✦ @programming_codiing
⏳ کی از برنامهنویسی درآمد میگیرم؟
😔 نکنه از بقیه عقبترم؟
🔥 چرا حس میکنم چیزی بلد نیستم؟
این حسها برای خیلی از برنامهنویسها طبیعیه. توی این مقاله دربارهی این دغدغهها و مسیر واقعی یادگیری صحبت کردم.
🔗 مطالعه مقاله
✦ @programming_codiing
❤5
Frontend Performance Cheatsheet.pdf
221.4 KB
چطوری عملکرد و سرعت برنامههای فرانتاند رو بهتر کنیم؟
پ.ن : دو ، سه صفحه س بده ترنسلیت اگر زبان ت خوب نیست.
#FrontEnd
✦ @programming_codiing
پ.ن : دو ، سه صفحه س بده ترنسلیت اگر زبان ت خوب نیست.
#FrontEnd
✦ @programming_codiing
❤3
💪 3 جمله که ذهنیت یک برنامهنویس رو متحول میکنه:
1️⃣ "هر برنامهنویسی روزی از صفر شروع کرده. تفاوت در اینه که کی تسلیم شد و کی ادامه داد."
2️⃣ "باگها شکست نیستن، قدمهای کوچیک برای رسیدن به جواب درست هستن."
3️⃣ "بهترین زمان برای یادگیری برنامهنویسی 10 سال پیش بود. دومین بهترین زمان، امروز است."
🎯 امروز رو با یک commit کوچیک شروع کن. حتی 30 دقیقه کدنویسی هم ارزش داره.
✦ @programming_codiing
1️⃣ "هر برنامهنویسی روزی از صفر شروع کرده. تفاوت در اینه که کی تسلیم شد و کی ادامه داد."
2️⃣ "باگها شکست نیستن، قدمهای کوچیک برای رسیدن به جواب درست هستن."
3️⃣ "بهترین زمان برای یادگیری برنامهنویسی 10 سال پیش بود. دومین بهترین زمان، امروز است."
🎯 امروز رو با یک commit کوچیک شروع کن. حتی 30 دقیقه کدنویسی هم ارزش داره.
✦ @programming_codiing
❤4
🚦 Status Code چیست؟
هر بار که مرورگر یا اپلیکیشن شما درخواستی به سرور ارسال میکند، سرور یک Status Code (کد وضعیت) برمیگرداند تا نتیجهی درخواست را مشخص کند.
به زبان ساده، این کدها به ما میگویند:
- ✅ درخواست موفق بوده؟
- ❌ خطایی رخ داده؟
- 🔒 دسترسی مجاز بوده؟
- 🔄 باید به آدرس دیگری برویم؟
اگر برنامهنویس وب باشی، شناخت این کدها موقع کار با APIها و رفع خطاها ضروری است.
✦ @programming_codiing
هر بار که مرورگر یا اپلیکیشن شما درخواستی به سرور ارسال میکند، سرور یک Status Code (کد وضعیت) برمیگرداند تا نتیجهی درخواست را مشخص کند.
به زبان ساده، این کدها به ما میگویند:
- ✅ درخواست موفق بوده؟
- ❌ خطایی رخ داده؟
- 🔒 دسترسی مجاز بوده؟
- 🔄 باید به آدرس دیگری برویم؟
---
✅ 200 OK
درخواست با موفقیت انجام شد.
مثال: وارد صفحهی پروفایل میشوی و اطلاعات بدون مشکل نمایش داده میشود.
---
✅ 201 Created
یک دادهی جدید با موفقیت ایجاد شد.
مثال: ثبتنام میکنی و حساب کاربری جدیدت ساخته میشود.
---
🚫 400 Bad Request
درخواست اشتباه یا ناقص است.
مثال: فرم ثبتنام را بدون وارد کردن شماره موبایل ارسال میکنی.
---
🔒 401 Unauthorized
برای دسترسی باید وارد حساب کاربری شوی.
مثال: بدون لاگین وارد پنل کاربری میشوی.
---
⛔ 403 Forbidden
وارد حساب شدهای، اما اجازهی دسترسی نداری.
مثال: یک کاربر عادی میخواهد وارد پنل مدیریت شود.
---
🔍 404 Not Found
منبع یا صفحه پیدا نشد.
مثال: آدرس "/about-us" را وارد میکنی، اما چنین صفحهای وجود ندارد.
---
⚠️ 500 Internal Server Error
مشکل از سمت سرور است.
مثال: کدهای بکاند خطا دادهاند و سرور نمیتواند درخواست را پردازش کند.
---
💡 نکته
کدهای وضعیت به ۵ دسته تقسیم میشوند:
- 1xx → اطلاعات
- 2xx → موفقیت ✅
- 3xx → تغییر مسیر 🔄
- 4xx → خطای کاربر ❌
- 5xx → خطای سرور 🔥
اگر برنامهنویس وب باشی، شناخت این کدها موقع کار با APIها و رفع خطاها ضروری است.
✦ @programming_codiing
👌5
❤6👍2👌1
Audio
چطور بهتر یاد بگیریم؟
✦ @programming_codiing
خیلی وقتا فکر میکنیم مشکل از ماست که نمیتونیم سریع یاد بگیریم یا مطالب رو زود فراموش میکنیم.
اما واقعیت اینه که یادگیری یه مهارته، و اگه اصولش رو بدونیم میتونیم خیلی راحتتر پیشرفت کنیم.
توی این ویس از کتاب «یاد بگیرید چگونه یاد بگیرید» میشنوی:
✨ دو حالت مهم ذهن در یادگیری
✨ چرا فراموش میکنیم و چطور جلوی اون رو بگیریم
✨ تکنیک پومودورو برای تمرکز
✨ ترفندهایی برای مبارزه با اهمالکاری
✨ نقش خواب در تثبیت آموختهها
✦ @programming_codiing
❤3👍1
آرشیو کتاب ها و دوره های رایگان برنامه نویسی🔥
توی این پست یه آرشیو بهتون معرفی میکنم که بهتون منابعی نظیر کتابها و دورههای رایگان برای زبانها و تکنولوژیهایی مثل پایتون، جاوااسکریپت، ریاکت، جنگو، لینوکس و ... معرفی میکنه. با استفاده از این منابع، به راحتی میتونید مسیر یادگیری خودتون رو بدون هزینه و به زبان فارسی شروع کنید.
🔗 Link
✦ @programming_codiing
توی این پست یه آرشیو بهتون معرفی میکنم که بهتون منابعی نظیر کتابها و دورههای رایگان برای زبانها و تکنولوژیهایی مثل پایتون، جاوااسکریپت، ریاکت، جنگو، لینوکس و ... معرفی میکنه. با استفاده از این منابع، به راحتی میتونید مسیر یادگیری خودتون رو بدون هزینه و به زبان فارسی شروع کنید.
🔗 Link
✦ @programming_codiing
❤2💔1
از لودینگ های معمولی خسته شدی؟ برو سراغ skeleton 💀
سایت skeletonreact ابزاری برای ایجاد کامپوننتهای اسکلت انیمیشنی هست و از خروجی در قالبهایی نظیر React، React Native، Vue و Vanilla HTML پشتیبانی میکنه. انیمیشن های اسکلتی رو میتونیم به عنوان جایگزینی برای لودینگهای معمولی و خسته کننده در نظر بگیریم، و اونها به ما این قابلیت رو میدن که به کاربران پیشنمایشی از ساختار صفحات، مثل مکاننماهایی برای متون یا تصاویر ارائه بدیم تا تجربه کاربری بهتری در زمان بارگذاری دادهها فراهم بشه.
🔗 Link
✦ @programming_codiing
سایت skeletonreact ابزاری برای ایجاد کامپوننتهای اسکلت انیمیشنی هست و از خروجی در قالبهایی نظیر React، React Native، Vue و Vanilla HTML پشتیبانی میکنه. انیمیشن های اسکلتی رو میتونیم به عنوان جایگزینی برای لودینگهای معمولی و خسته کننده در نظر بگیریم، و اونها به ما این قابلیت رو میدن که به کاربران پیشنمایشی از ساختار صفحات، مثل مکاننماهایی برای متون یا تصاویر ارائه بدیم تا تجربه کاربری بهتری در زمان بارگذاری دادهها فراهم بشه.
🔗 Link
✦ @programming_codiing
👌5👏1
پول درآوردن يك عملهِ،
نگه داشتن پول يك رفتارهِ،
بیشتر کردن پول يك دانشهِ.
:| تو برنامه نویسی هم همین رو شامل می شه ... . فکر ت
💻 @programming_codiing
نگه داشتن پول يك رفتارهِ،
بیشتر کردن پول يك دانشهِ.
:| تو برنامه نویسی هم همین رو شامل می شه ... . فکر ت
💻 @programming_codiing
❤8👍1👌1
پالت رنگی پروژت رو پیدا کن 🩸
سایتی که در این پست بهتون معرفی میکنم، یک ابزار آنلاین برای ایجاد، مشاهده و انتخاب پالتهای رنگی مناسب برای پروژه هاتون هست.
این سایت به طور خاص برای Tailwind طراحی شده. زمانی که پالت رنگیتون رو انتخاب کردید، این سایت نمونه کدهای مربوط به پیکربندی فایل tailwind.config.js رو برای شما تولید میکنه، تا به راحتی بتونید رنگهای سفارشیتون رو به فایل کانفیگ Tailwind اضافه کنید.
🔗 Link
#color #tailwind
✦ @programming_codiing
سایتی که در این پست بهتون معرفی میکنم، یک ابزار آنلاین برای ایجاد، مشاهده و انتخاب پالتهای رنگی مناسب برای پروژه هاتون هست.
این سایت به طور خاص برای Tailwind طراحی شده. زمانی که پالت رنگیتون رو انتخاب کردید، این سایت نمونه کدهای مربوط به پیکربندی فایل tailwind.config.js رو برای شما تولید میکنه، تا به راحتی بتونید رنگهای سفارشیتون رو به فایل کانفیگ Tailwind اضافه کنید.
🔗 Link
#color #tailwind
✦ @programming_codiing
😁4❤1
</ MoDev >
80 FrontEnd Interview Questions.pdf
70JavaScriptInterviewQuestionsDittyir.pdf
12 MB
70 سوال مصاحبه ای جاوااسکریپت همراه با توضیح
✦ @programming_codiing
صرفا برای مصاحبه نیست و می تونید مطالعه کنید و به دانشتون توی JS بیفزایید.
لذت ببرید❤️
✦ @programming_codiing
❤6
با این سایت یه آمار کلی از گیتهابت در بیار 🌪
سایت githubprofileviewer، یک سایت خلاقانه و کاربردیه که شما میتونید با وارد کردن آیدی اکانتتون یا هر اکانت دیگه ای، هر اطلاعاتی که مورد نیازتون هست رو ببینید!
🌐 Website
#github
✦ @programming_codiing
سایت githubprofileviewer، یک سایت خلاقانه و کاربردیه که شما میتونید با وارد کردن آیدی اکانتتون یا هر اکانت دیگه ای، هر اطلاعاتی که مورد نیازتون هست رو ببینید!
🌐 Website
#github
✦ @programming_codiing
❤3😁2
اگه در توسعه پروژتون نیاز به بک اند و دیتابیس داشتید، اما به هر دلیلی دسترسی به بک اند کار نداشتید و از فایربیس , سوپابیس و امثالهم خسته شدید، میتونید از ابزاری به نام Json-Server استفاده کنید و Api های مورد نیاز پروژتون رو توسعه بدید.
خب JSON Server چیه؟ 🔬
Document 🌐
✦ @programming_codiing
خب JSON Server چیه؟ 🔬
کلمه JSON مخفف عبارت JavaScript Object Notation هست و یک ابزار Node.js سبک و با کاربری آسونه که یک API RESTFUL و با استفاده از یک فایل JSON به عنوان data source شبیهسازی میکنه. توسعه دهنده های فرانتاند با کمک JSON Server میتونن APIهای ساختگی و بدون نیاز به نوشتن کدهای پیچیده سمت سرور یا زمانی که API پشتیبان هنوز آماده نیست ایجاد کنن.
این API ساختگی درخواستها رو به endpoint ای که تنظیم میکنید ارسال میکنه، به درخواستهای HTTP پاسخ میده و به این ترتیب کار و برای توسعه سریع برای توسعهدهندگان ایدهآل میکنه. JSON Server همچنین توسعهدهندگان و قادر میسازخ تا عملیات CRUD و انجام بدن و دادهها رو در فایلهای JSON ذخیره کنند.
ویژگیهای JSON Server 🔍
❗️راهاندازی آسان و سریع
❗️پشتیبانی از CRUD
❗️قدرتمند و ساده
❗️شبیه سازی داده ها
عملکرد Json server مثل یه بکاند واقعی هست. از این به بعد به جای استفاده از دیتابیس هایی مثل firebase که تحریم و مشکلاتی داره... میتونید از جیسون سرور برای توسعه نمونه کار هاتون استفاده کنید.
Document 🌐
✦ @programming_codiing
❤6
🤖 میخوای سایتت چهرهها رو بشناسه؟! 👀
اگه به JavaScript، هوش مصنوعی و Computer Vision علاقه داری، Face-api.js میتونه ابزار جالبی برای پروژههات باشه. 🔥
📚 برای اطلاعات بیشتر، داکیومنت Face-api.js رو ببین.
:: ) Doc
✦ @programming_codiing
با Face-api.js میتونی قابلیتهای تشخیص چهره رو مستقیماً به پروژههای وب اضافه کنی! 🚀
این کتابخانه با استفاده از مدلهای Deep Learning و TensorFlow.js قابلیتهایی مثل:
👤 تشخیص چهره
😊 تشخیص لبخند و حالت چهره
🎂 تخمین سن
⚧️ تشخیص جنسیت
🕶️ تشخیص چهره با عینک
📹 تشخیص چهره بهصورت Real-time
رو در اختیار دولوپرها قرار میده.
اگه به JavaScript، هوش مصنوعی و Computer Vision علاقه داری، Face-api.js میتونه ابزار جالبی برای پروژههات باشه. 🔥
📚 برای اطلاعات بیشتر، داکیومنت Face-api.js رو ببین.
:: ) Doc
✦ @programming_codiing
❤4👍2😁2
ChatGPT Plus
رایگان!
یکی از دوستان گفت که از طریق سایت
https://chatgptplus.cn/
میتونید از نسخهی پلاس به صورت رایگان استفاده کنید.
خودم با ایمیلم نتونستم وارد بشم،
اگه شما تونستید، لذتش رو ببرید و توی کامنت به ما هم بگید.🌹
✦ @programming_codiing
رایگان!
یکی از دوستان گفت که از طریق سایت
https://chatgptplus.cn/
میتونید از نسخهی پلاس به صورت رایگان استفاده کنید.
خودم با ایمیلم نتونستم وارد بشم،
اگه شما تونستید، لذتش رو ببرید و توی کامنت به ما هم بگید.🌹
✦ @programming_codiing
❤3
</ MoDev >
ChatGPT Plus رایگان! یکی از دوستان گفت که از طریق سایت https://chatgptplus.cn/ میتونید از نسخهی پلاس به صورت رایگان استفاده کنید. خودم با ایمیلم نتونستم وارد بشم، اگه شما تونستید، لذتش رو ببرید و توی کامنت به ما هم بگید.🌹 ✦ @programming_codiing
از نظر امنیت هم که نمی تونم تایید ش کنم.
ولی بی امنیت هم نمی تونم بگم هست.
ولی بی امنیت هم نمی تونم بگم هست.
❤2👌1
⏰ چطور برای یادگیری برنامهنویسی، برنامهریزی کنیم؟
🚀 یادت باشه؛ موفقیت در برنامهنویسی با چند روز تلاشِ سنگین به دست نمیاد، بلکه با پیشرفتهای کوچک اما مداوم، دیدن دوره، تمرین مستمر و ادامه دادن ساخته میشه.
✦ 💻 @programming_codiing
یکی از بزرگترین اشتباهاتی که خیلیها انجام میدن اینه که بدون برنامه شروع میکنن.
مثلاً:
- امروز ۸ ساعت دوره میبینن.
- فردا حوصله ندارن و هیچی کار نمیکنن.
- پسفردا فقط ۱ ساعت.
- چند روز بعد هم کلاً رهاش میکنن...
نتیجه؟ پیشرفت خیلی کند یا حتی توقف کامل. ❌
✅ راه درست چیه؟
قبل از اینکه یک دوره یا مسیر آموزشی رو شروع کنی، اول از خودت بپرس:
• روزی چند ساعت واقعاً وقت دارم؟
• چند روز در هفته میتونم برای یادگیری وقت بذارم؟
• چه مقدار از این زمان رو به دیدن دوره و چه مقدارش رو به تمرین اختصاص بدم؟
• با این برنامه، حدوداً چند وقت طول میکشه دوره رو تموم کنم؟
مثلاً اگر یک دوره ۶۰ ساعته باشه:
- روزی ۲ ساعت (۱ ساعت دیدن دوره + ۱ ساعت تمرین)، حدود ۲ ماه طول میکشه.
- روزی ۳ ساعت (۱.۵ ساعت دیدن دوره + ۱.۵ ساعت تمرین)، حدود ۴۰ روز.
- روزی ۱ ساعت (۳۰ دقیقه دوره + ۳۰ دقیقه تمرین)، حدود ۴ ماه.
فقط یادت باشه: زمان تمرین رو دستکم نگیر. بخش زیادی از یادگیری واقعی، موقع تمرین کردن اتفاق میافته، نه فقط دیدن ویدیوهای آموزشی.
هیچکدوم از این برنامهها بد نیست؛ مهم اینه که به برنامهات پایبند بمونی.
🎯 حتی اگر بعداً به خاطر امتحان، کار یا شرایط دیگه یک یا دو هفته بیشتر طول کشید، اشکالی نداره. بهتر از اینه که هر روز بدون برنامه جلو بری و آخرش مسیر رو نیمهکاره رها کنی.
💡 یک قانون ساده:
بهجای اینکه بگی:
«هر وقت وقت داشتم دوره میبینم و تمرین میکنم.»
بگو:
«هر روز ساعت ۷ تا ۹ فقط برنامهنویسی؛ یک ساعت دیدن دوره و یک ساعت تمرین.»
وقتی یادگیری به یک عادت تبدیل بشه، دیگه لازم نیست هر روز برای شروع کردن با خودت بجنگی.
🚀 یادت باشه؛ موفقیت در برنامهنویسی با چند روز تلاشِ سنگین به دست نمیاد، بلکه با پیشرفتهای کوچک اما مداوم، دیدن دوره، تمرین مستمر و ادامه دادن ساخته میشه.
✦ 💻 @programming_codiing
1❤6💯2