❤6👍2🔥1
🤔 بالاخره هوش مصنوعی جای ما رو میگیره یا نه؟
این سؤال این روزها خیلیهاست...
واقعیت اینه که جوابش فقط «بله» یا «نه» نیست. بعضی شغلها تغییر میکنن، بعضیها حذف میشن و بعضیها هم ارزشمندتر از قبل میشن و حتا شغل های جدیدی بوجود میان.
توی این مقاله خیلی ساده توضیح دادم که:
✅ آیا AI واقعاً جای برنامهنویسها و بقیه شغلها رو میگیره؟
✅ چه کسانی بیشتر در خطرن؟
📖 مطالعه مقاله
✦ @programming_codiing
این سؤال این روزها خیلیهاست...
واقعیت اینه که جوابش فقط «بله» یا «نه» نیست. بعضی شغلها تغییر میکنن، بعضیها حذف میشن و بعضیها هم ارزشمندتر از قبل میشن و حتا شغل های جدیدی بوجود میان.
توی این مقاله خیلی ساده توضیح دادم که:
✅ آیا AI واقعاً جای برنامهنویسها و بقیه شغلها رو میگیره؟
✅ چه کسانی بیشتر در خطرن؟
📖 مطالعه مقاله
✦ @programming_codiing
❤3👌1
🔤 تا حالا شده یه سایت رو باز کنی، بعد بگه: "مـیخـوای نصبـش کنـی؟"
🗣 شــایــد بگــی:
مگه سایت هم نصب میشه؟!
اینجا PWA وارد میشه.
حالا PWA یه سایته که خودش رو شبیه اپلیکیشن کرده.✔️
☄️ یعنی بدون اینکه بری از اپاستور یا گوگلپلی دانلودش کنی، میتونی نصبش کنی.
بعد مثل یه اپ روی صفحه گوشیت میاد.
سریع باز میشه و بعضی وقتها حتـی بـدون اینتـرنـت هم یه بخشهاییش کار میکنه.
💬 خلاصه PWA یه سایتیه که لباس اپلیکیشن پوشیده؛ هم مثل سایت باز میشه، هم مثل اپلیکیشن روی گوشیت نصب میشه.
✦ @programming_codiing
🗣 شــایــد بگــی:
مگه سایت هم نصب میشه؟!
اینجا PWA وارد میشه.
حالا PWA یه سایته که خودش رو شبیه اپلیکیشن کرده.✔️
☄️ یعنی بدون اینکه بری از اپاستور یا گوگلپلی دانلودش کنی، میتونی نصبش کنی.
بعد مثل یه اپ روی صفحه گوشیت میاد.
سریع باز میشه و بعضی وقتها حتـی بـدون اینتـرنـت هم یه بخشهاییش کار میکنه.
💬 خلاصه PWA یه سایتیه که لباس اپلیکیشن پوشیده؛ هم مثل سایت باز میشه، هم مثل اپلیکیشن روی گوشیت نصب میشه.
✦ @programming_codiing
❤7
5 اکستنشن کاربردی مرورگر که باید نصب کنی⚡️
✦ @programming_codiing
اکستنشن WhatFont
یکی از مهمترین افزونههایی که باید به عنوان دولوپر بشناسید، اکستنشن WhatFont هست. با کمک این افزونه میتونید نوع فونت مورد نظر رو فقط با نگه داشتن ماوس بر روی متن، شناسایی کنید.
اکستنشن Colorzilla
با استفاده از اکستنشن Colorzilla، میتونید کد HEX رنگ مورد نظرتون رو پیدا و بهراحتی کپیش کنید. با این ابزار نه تنها می تونید تاریخچه رنگ ها رو ببینید، بلکه این امکان رو هم دارید که گرادیان های CSS ای رو تحلیل کنید.
اکستنشن Image Downloader
اگه از اون دسته دولوپرایی هستید که روزانه تصاویر زیادی دانلود میکنن، اکستنشن Image Downloader مختص شماست. به کمک این افزونه میتونید در سریعترین زمان ممکن، تعداد زیادی از تصاویر رو بر اساس ابعاد مورد نظرتون فیلتر و دانلود کنید.
اکستنشن Dimensions
با استفاده از این افزونه خفن، میتونید فاصله بین ابعاد یا شکاف هایی که بین عناصر وجود داره، یا هر چیز دیگه ای که در سایت هست رو اندازه گیری کنید.
اکستنشن CSSViewer
اگه به دنبال کدهای CSS بخش های مختلفی از یک وبسایت هستید، میتونید از اکستنشن CSSViewer کمک بگیرید. فقط با نگه داشتن ماوس در هر جایی از صفحه، میتونید به استایل های CSS اون قسمت دسترسی داشته باشید.
✦ @programming_codiing
❤4🔥1👌1
❓ تا حالا این سؤالها رو از خودت پرسیدی؟
⏳ کی از برنامهنویسی درآمد میگیرم؟
😔 نکنه از بقیه عقبترم؟
🔥 چرا حس میکنم چیزی بلد نیستم؟
این حسها برای خیلی از برنامهنویسها طبیعیه. توی این مقاله دربارهی این دغدغهها و مسیر واقعی یادگیری صحبت کردم.
🔗 مطالعه مقاله
✦ @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