🚀سایت‌هایی که احتمالا نیازتون باشه.

roadmap.sh → نقشه راه یادگیری همه حوزه ها

frontendmentor.io → پروژه واقعی فرانت‌اند

codewars.com → تمرین الگوریتم

leetcode.com → آمادگی مصاحبه

devdocs.io → مستندات آفلاین

regex101.com → تست Regex

caniuse.com → بررسی پشتیبانی مرورگرها

bundlephobia.com → حجم پکیج‌های npm

web.dev → آموزش Performance

css-tricks.com → ترفندهای css

@programming_codiing

یکی از چیزایی که خیلی روی موفقیت تأثیر داره، برنامه‌ریزیه.

خودم برا برنامه ریزی, Todoist رو نصب کردم و عالیه .
هم رو موبایل و هم روی سیستم تون می تونید نصبش کنید و همه کارهاتون بینشون همگام می‌شن که از سایت خودش دانلود می تونین بکنین.

📌 https://todoist.com

✦ @programming_codiing

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

این روزا با AI می‌شه خیلی سریع کد نوشت. فقط کافیه درخواستت رو بنویسی تا چند ثانیه بعد کد آماده جلوت باشه.

ولی یه اشتباهی که خیلی‌ها، مخصوصاً اول راه، انجام میدن اینه که فقط به سرعت فکر می‌کنن، نه کیفیت.

اگه کدت از همون اول تمیز نباشه، اسم متغیرها و فانکشن‌هات درست انتخاب نشده باشه، ساختار پروژه به‌هم‌ریخته باشه یا هر چیزی رو هر جایی نوشته باشی، شاید امروز چند دقیقه تو وقتت صرفه‌جویی کنی؛ ولی قول می‌دم بعداً چند برابر همون زمان رو باید صرف دیباگ کردنش کنی.

به نظرم اولویتت باید این باشه که یاد بگیری تمیز کد بزنی، نه اینکه فقط سریع‌تر پروژه رو تموم کنی.

اینم برداشت اشتباه نشه، من اصلاً نمی‌گم از AI استفاده نکن. اتفاقاً یکی از بهترین ابزارهاییه که یه برنامه‌نویس می‌تونه داشته باشه.

ولی به نظرم یکی از بهترین استفاده‌هاش موقع دیباگ کردنه.

مثلاً یه ارور خوردی، یه جای کد درست کار نمی‌کنه یا ساعت‌ها دنبالش گشتی و پیداش نکردی؛ کدت و متن ارور رو بده به AI، خیلی وقت‌ها تو چند ثانیه مشکل رو پیدا می‌کنه یا حداقل مسیر درست رو نشونت می‌ده.

قبلاً شاید برای پیدا کردن یه ";" جاافتاده، یه پرانتز اضافه یا حتی یه اشتباه تایپی، کلی وقت ازت می‌گرفت. الان AI می‌تونه این جور خطاها رو تو یکی دو دقیقه پیدا کنه و حتی توضیح بده چرا این ارور به وجود اومده.

فقط یه چیز رو یادت نره؛ نذار AI به جای تو فکر کنه. ازش کمک بگیر، ولی سعی کن دلیل خطا رو هم بفهمی، نه اینکه فقط کد رو کپی کنی و رد بشی.

به نظرم AI باید سرعت دیباگ کردنت رو بالا ببره، نه اینکه باعث بشه از همون اول بی‌دقت کد بنویسی.

کدی که تمیز نوشته شده باشه، هم خودت بعداً راحت‌تر می‌فهمیش، هم اگر یه نفر دیگه پروژه رو ببینه، راحت‌تر می‌تونه باهاش کار کنه. این ارزشش خیلی بیشتر از اینه که امروز فقط چند دقیقه زودتر کدت تموم بشه.

✦ @programming_codiing

راهنمای رزومه نویسی🩵

#resume
✦ @programming_codiing

https://mradib.com/fa/resume
( البته این یسری نکاتش مخصوص اپلای برای خارج از کشوره، ولی ایده های خوبی داره )

#resume
✦ @programming_codiing

🔍 سئو (SEO) چیست؟
راز دیده شدن سایت‌ها در گوگل! 🚀

تا حالا فکر کردی چرا وقتی چیزی را در گوگل سرچ می‌کنی، بعضی سایت‌ها همیشه در رتبه‌های اول نمایش داده می‌شوند؟ 🤔

آیا فقط شانس است؟
یا پشت این رتبه‌ها یک علم و تکنیک خاص وجود دارد؟

جواب: SEO 🔥
SEO
مخفف عبارت
Search Engine Optimization
است.

به زبان ساده:
سئو مجموعه‌ای از کارها و تکنیک‌هایی است که باعث می‌شود یک سایت برای موتورهای جستجو مثل گوگل بهتر قابل فهم باشد و در نتایج جستجو جایگاه بهتری بگیرد. 🌐

اما یک نکته مهم:
سئو فقط چند تغییر ساده در سایت نیست!

SEO خودش یک مبحث تخصصی و یک دنیای بزرگ در حوزه وب است که شامل یادگیری الگوریتم‌های گوگل، تحلیل داده‌ها، تولید محتوا، بررسی رقبا و تکنیک‌های مختلف برای بهتر دیده شدن سایت می‌شود. 📚
سئو معمولاً به چند بخش اصلی تقسیم می‌شود:

⚙️ 1. Technical SEO (سئوی فنی)

یعنی بهینه‌سازی بخش‌های فنی سایت:

- افزایش سرعت سایت ⚡
- ساختار درست HTML و کدها
- ریسپانسیو بودن برای موبایل
- امنیت سایت با HTTPS
- بهینه‌سازی فایل‌هایی مثل Sitemap و Robots.txt

📝 2. Content SEO (سئوی محتوا)

محتوا یکی از مهم‌ترین بخش‌های سئو است:

- پیدا کردن کلمات کلیدی مناسب
- نوشتن محتوای ارزشمند
- پاسخ دادن به سوالات کاربران
- ساخت عنوان و توضیحات جذاب

🔗 3. Off-Page SEO (سئوی خارجی)

کارهایی که خارج از سایت انجام می‌شود:

- گرفتن لینک از سایت‌های معتبر
- افزایش اعتبار سایت
- شناخته شدن برند

📊 4. SEO Analytics (تحلیل سئو)

یک متخصص سئو همیشه اطلاعات سایت را بررسی می‌کند:

- کاربران از کجا وارد سایت می‌شوند؟
- کدام صفحات بهتر هستند؟
- چه مشکلاتی باعث افت رتبه شده؟

اما هدف اصلی سئو چیست؟

❌ سئو یعنی فریب دادن گوگل نیست.
✅ سئو یعنی کاری کنیم سایت ما هم برای کاربر بهتر باشه، هم گوگل راحت‌تر بتونه اون رو بشناسه و بفهمه. یعنی به گوگل کمک کنیم موضوع و ارزش سایت ما رو درک کنه تا وقتی کسی دنبال چیزی مرتبط با سایت ما بود، شانس بیشتری داشته باشیم که بهش نمایش داده بشیم.

✦ @programming_codiing

چالش جاوااسکریپتی ❕
جواب درست رو زیر انتخاب کن.

🧠 چرا جواب این کوییز ۴ شد؟

یکی از مفاهیم مهم جاوااسکریپت، Reference Type است. 🚀

❓ کد:

let a = [1, 2, 3];

let b = a;

b.push(4);

console.log(a.length);

✅ جواب: 4

### چرا؟

خیلی‌ها فکر می‌کنند:

let b = a;

یک کپی از آرایه می‌سازد؛ اما اینطور نیست. ❌

در جاوااسکریپت، Array و Object از نوع Reference Type هستند؛ یعنی فقط آدرس (Reference) آن‌ها کپی می‌شود، نه خود داده.

بنابراین a و b هر دو به یک آرایه اشاره می‌کنند. پس وقتی می‌نویسیم:

b.push(4);

در واقع همان آرایه اصلی تغییر می‌کند و خروجی:

console.log(a.length); // 4

خواهد بود.

### اگر کپی واقعی بخواهیم:

let b = [...a];
// یا
let b = a.slice();

در این حالت تغییرات b روی a تأثیری ندارد.

📌 خلاصه:

✅ string، number و boolean با مقدار کپی می‌شوند.

⚠️ Array و Object با Reference (آدرس حافظه) کپی می‌شوند.

پس:

let b = a;

یعنی هر دو متغیر به یک داده اشاره می‌کنند، نه اینکه یک کپی جدید ساخته شود.

ممنون که وقت گذاشتی و خوندی ش ❤️

✦ @programming_codiing

TypeScript
جاوااسکریپتی که قبل از خرابکاری بهت هشدار می‌ده!

اگه با JavaScript کار کرده باشی، احتمالاً باگ‌هایی دیدی که فقط موقع اجرای برنامه خودشون رو نشون می‌دن.
اینجاست که TypeScript وارد می‌شه.

تایپ اسکریپت در واقع یک نسخه‌ی توسعه‌یافته از JavaScript هست که به کدت Type اضافه می‌کنه تا خیلی از خطاها رو قبل از اجرا پیدا کنی.

مثلاً:

let age: number = 14;

اینجا مشخص کردیم که age فقط باید یک عدد باشه ، و این کمک می کنه که اگر بعدا خواستیم مقدار age رو تغییر بدیم اگر استرینگ نبود ارور بده.

مزیت‌های TypeScript:

✅ پیدا کردن خطاها قبل از اجرای برنامه
✅ کاهش باگ‌ها در پروژه‌های بزرگ
✅ خوانایی و درک بهتر کد
✅ نگهداری و توسعه راحت‌تر پروژه

به زبان ساده:
تایپ اسکریپت کمک می‌کنه کدی بنویسی که کمتر غافلگیرت کنه. 💙

✦ @programming_codiing

چگونه با _کار نکردن_، بهره‌وری خود را به شکل انفجاری افزایش دهیم؟

با دقت مشاهده کنید❤️

✦ @programming_codiing

اگر از این نوع ویدیو ها دوست دارین ، بیشتر
بزارم ؟ ❤️
نزارم ؟ 👎🏻

پست خاصی هم اگر دوست دارید توی دایرکت یا زیر همین پست بهم بگید.

دلیلی که لینوکس ترجیح داده می شه به
ویندوز

🐧 :)))

✦ @programming_codiing

بعضی کد ها رو دیباگ حل نمی کنه , تنها راه درست شدنش و تنها راه خلاص شدن از ارور ها و باگ هاش فقط حذف از ریشه س
پاک کردن و کدنویسی دوباره با ذهنیتی تازه🌹

✦ @programming_codiing

💡 اصلاً پایتون به زبان ساده یعنی چی؟

پایتون (Python) یک زبان برنامه‌نویسی متن‌باز و محبوبه که Guido van Rossum اون رو در سال ۱۹۹۱ معرفی کرد.

این زبان برنامه‌نویسی ، متن‌باز و سطح‌بالاست. اما مهم‌ترین ویژگی‌ش اینه که کدهایی که توش می‌نویسی، فوق‌العاده به زبان انگلیسی نزدیکه. یعنی به جای اینکه درگیر قواعد سخت، نشانه‌گذاری‌های گیج‌کننده و کدهای پیچیده بشی، کدهایی می‌نویسی که شبیه جملات عادی انگلیسی هستن.

​واسه همین کارهایی که توی زبان‌های دیگه ۲۰ خط کد می‌خواد، توی پایتون گاهی با ۵ خط تموم می‌شه!

🛠 دقیقاً با پایتون چه کارهایی می‌شه کرد؟ (کاربردهای واقعی)

پایتون تقریباً وارد هر حوزه‌ای که فکرش رو بکنی شده و اونجا رو فتح کرده. ببین چیا می‌شه باهاش ساخت:
​هوش مصنوعی و یادگیری ماشین (AI): تمام غول‌های هوش مصنوعی (از چت‌بات‌ها تا ربات‌های هوشمند و سیستم‌های تشخیص چهره) پشت‌صحنه‌شون با پایتون می‌چرخه.

​تحلیل داده و داده‌کاوی (Data Science): اگه بخوای رفتار میلیونی کاربران یک سایت رو بررسی کنی، فروش سال بعد رو پیش‌بینی کنی یا نمودارهای خفن از داده‌ها بکشی، پایتون پادشاه این حوزه است.

​توسعه و ساخت وب‌سایت: با فریم‌ورک‌های غولی مثل Django و Flask می‌تونی پشت‌صحنه (Back-end) وب‌سایت‌های سنگین و پرسرعت رو بسازی.

​خودکارسازی (اتوماسیون کارهای تکراری): حوصله نداری هر روز ۱۰۰ تا ایمیل بفرستی یا فایل‌های اکسل رو یک‌به‌یک دانلود و مرتب کنی؟ با چند خط کد پایتون، سیستم این کارها رو خودکار برات انجام میده!

​ربات‌های تلگرام و شبکه‌های اجتماعی: ساخت ربات‌های هوشمند تلگرام، برنامه‌ریزی پست‌های خودکار و استخراج اطلاعات از اینترنت (Web Scraping) با پایتون مثل آب خوردنه.

​هک، تست نفوذ و امنیت: خیلی از ابزارهای امنیتی و اسکریپت‌های تست نفوذ در دنیای سایبری با پایتون نوشته می‌شن.

​ساخت بازی‌های ساده و برنامه‌های دسکتاپ: گرچه پایتون زبان اصلی بازی‌سازی‌های سنگین ۳D نیست، اما برای ساخت بازی‌های سریع و نرم‌افزارهای کاربردی دسکتاپ حرف‌های زیادی برای گفتن داره.

⭐️ چرا پایتون محبوب‌ترین زبان دنیا شد؟

یادگیری مثل آب خوردن: برای کسی که صفرِ صفره، بهترین نقطه شروعه.
البته که یادگیری هر زبان برنامه‌نویسی سخت نیست بلکه نیازمند اینه که درک ش کنی و بفهمی چی می گه .
​کتابخانه‌های آماده: هزاران کد از قبل نوشته شده (Library) داره؛ یعنی نیاز نیست چرخ رو از اول بسازی!
​بازار کار و درآمد عالی: از پروژه‌های فریلنسری جزیی گرفته تا استخدام در گوگل، اینستاگرام، یوتیوب، اسپوتیفای و ناسا؛ همه عاشق پایتون‌کارها هستن!

🔮 حرف آخر: آیا پایتون واقعاً آینده برنامه‌نویسی هست؟

بدون شک بله! دنیای امروز داره به سمت «هوش مصنوعی» و «تحلیل داده» می‌ره و قلب تپنده هر دوی این‌ها پایتونه. پایتون فقط یه زبان برنامه‌نویسی نیست، بلکه کلید ورود به تمام فناوری‌های مدرن آینده‌ست.

✦ @programming_codiing

یکی از زبان های برنامه نویسی، که آینده برنامه نویسی هست ❤️

اعضای تیم تووینکس در کامیونیتی خود از برنامه نویسایی که محتوای مفید میزارن، خارج از معیارِ تعداد ممبر حمایت می کنه

چنلاتون رو توی دایرکت برام بفرستین همشون رو نگاه میکنم و سر فرصت چنلی که پست هاش ارزشمنده و ارزش انتشار داره، ازش حمایت می‌کنم.❤️

🚀 بهترین اکستنشن‌های VS Code

​🧹 تمیزی و کیفیت کد:
​Prettier: مرتب‌سازی خودکار کد
​Error Lens: نمایش مستقیم خطاها روی خط
​ESLint:
تشخیص باگ‌های JS/TS
​Better Comments: رنگی کردن کامنت‌ها

​⚡ افزایش سرعت:
​Auto Rename Tag: تغییر همزمان تگ‌های HTML
​Path Intellisense: پیشنهاد مسیر فایل‌ها
​Indent Rainbow: رنگی کردن فاصله‌ها (Tab)
​Live Server: رفرش خودکار مرورگر بعد هر تغییر در کد

​🛠 مدیریت پروژه و API:
​GitLens: مدیریت حرفه‌ای گیت
​Thunder Client:
تست سریع APIها

​🎨 ظاهر و تم:
​Material Icon Theme: آیکون‌های شیک
​One Dark Pro / Tokyo Night: تم دارک
جذاب

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

​🆔 </MoDev>

​ترس از AI؟ فقط مال سطح‌پایین‌هاست!

اگه کسی مدام می‌گه «هوش مصنوعی جای برنامه‌نویس‌ها رو می‌گیره»، شک نکن خودش هنوز فرق «کپی‌پیست کردن کد» با «حل مسئله» رو نفهمیده. AI فقط به آدمای سطح‌پایین حس ناکافی بودن میده در برابرش.
سعی کنید خودتون رو همیشه در حال یادگیری قرار بدید 🌹

✦ @programming_codiing

چرا زبان انگلیسی کلید طلایی برنامه‌نویسیه‌؟

​یکی از بزرگ‌ترین دغدغه‌هایی که خیلیا موقع ورود به دنیای برنامه‌نویسی دارن اینه: «من زبان انگلیسی‌م خوب نیست، یعنی نمی‌تونم برنامه‌نویس بشم؟»
​پاسخ کوتاه و روشن: چرا که نه! بلد نبودن زبان انگلیسی اصلاً دلیلی برای شروع نکردن نیست.

​برای قدم‌های اول، همین که در حد خوندن و نوشتن ساده بلد باشی کاملاً کافیه. علاوه بر این، امروز با وجود ابزارهای قوی مثل گوگل ترنسلیت و هوش مصنوعی، می‌تونی متن‌ها و ارورهای سخت رو راحت به فارسی ترجمه کنی. پس ابداً نذار نداشتن تسلط به زبان، جلوی شروع کردنت رو بگیره و برنامه‌نویسی رو عقب بندازه!

​اما... چرا اگر زبانت خوب باشه، مسیر برنامه‌نویس شدنت کلاً دگرگون میشه؟
​🔹 یادگیری عمیق و به‌یاد موندن کدها:
وقتی مفهوم کلمات انگلیسی رو بدونی، کدها برات کلمات عجیب‌وغریب و حفظی نیستن. وقتی معنی دستوراتی مثل while ،fetch یا return رو درک می‌کنی، منطق کد توی ذهنت هک میشه و خیلی راحت‌تر توی یادت می‌مونه و وقتی هم یادت رفت خیلی راحت یادت میاد.

​🔹 قدرت بی‌رقیب در خوندن داکیومنت‌ها (Documentations):
اصلی‌ترین، دقیق‌ترین و حرفه‌ای‌ترین مرجع هر زبان یا فریم‌ورک، داکیومنت رسمی خودشه. درسته‌ که میشه داکیومنت‌ها رو با ترنسلیت و هوش مصنوعی به فارسی ترجمه کرد، اما خوندن مستقیم و بدون واسطه‌ی منبع اصلی، درک عمیق‌تر، سریع‌تر و دقیق‌تری از ابزارها بهت میده.

​🔹 دسترسی به منابع بی‌نهایت و بروز دنیای وب:
جدیدترین تکنولوژی‌ها و راه‌حل دقیق باگ‌ها اول توی سایت‌هایی مثل Stack Overflow، Reddit و آموزش‌های یوتیوب به زبان انگلیسی منتشر میشن. اگر زبانت خوب باشه، دیگه منتظر ترجمه شدن دوره‌ها نمیمونی و همیشه چند قدم از بقیه جلوتری.

​🔹 فتح بازار بین‌المللی و گرفتن پروژه‌های خارجی:
اگه هدف بزرگت گرفتن پروژه‌های دلاری، فریلنسری بین‌المللی یا مهاجرت و کار در شرکت‌های خارجی هست، زبان انگلیسی دیگه فقط یک «مزیت» نیست، بلکه شریانی‌ترین نیازته!

​جمع‌بندی و پیشنهاد من:
برای شروع برنامه‌نویسی معطل کامل شدن نمی خواد بشی و همین امروز دست به کد بشو، اما کنارش زبانت رو هم تقویت کنی به ضررت تموم نمی شه. ترکیب برنامه‌نویسی و زبان انگلیسی، یه برنامه‌نویس فوق‌العاده و شکست‌ناپذیر می‌سازه :)
موفق باشی ❤️

✦ @programming_codiing

​۲۰ شورت‌کات حیاتی کیبورد برای بالا بردن ۱۰ برابری سرعت کار و کدنویسی!

​۱. Ctrl + C (مک: Cmd + C)
​کاربرد: کپی کردن متن، کد یا فایل.

​۲. Ctrl + V (مک: Cmd + V)
​کاربرد: چسباندن (Paste) محتوای کپی‌شده.

​۳. Ctrl + X (مک: Cmd + X)
​کاربرد: بریدن (Cut) و جابه‌جایی کامل متن یا فایل.

​۴. Ctrl + Z (مک: Cmd + Z)
​کاربرد: لغو آخرین حرکت یا اشتباه (Undo).

​۵. Ctrl + Y (مک: Cmd + Shift + Z)
​کاربرد: بازگرداندن حرکت لغوشده (Redo).

​۶. Ctrl + A (مک: Cmd + A)
​کاربرد: انتخاب یکجای تمام متن یا کدهای صفحه.

​۷. Ctrl + F (مک: Cmd + F)
​کاربرد: جستجوی سریع یک کلمه یا کد در صفحه.

​۸. Ctrl + H (مک: Cmd + Option + F)
​کاربرد: پیدا کردن یک کلمه و جایگزین کردن آن با کلمه‌ای دیگر (Replace).

​۹. Ctrl + S (مک: Cmd + S)
​کاربرد: ذخیره فوری و سریع فایل (Save).

​۱۰. Ctrl + W (مک: Cmd + W)
​کاربرد: بستن تب جاری در مرورگر یا VS Code.

​۱۱. Ctrl + Shift + T (مک: Cmd + Shift + T)
​کاربرد: باز کردن مجدد آخرین تب اشتباهی بسته‌شده.

​۱۲. Alt + Tab (مک: Cmd + Tab)
​کاربرد: سوئیچ و جابه‌جایی سریع بین برنامه‌های باز.

​۱۳. Ctrl + Tab (مک: Control + Tab)
​کاربرد: جابه‌جایی بین تب‌های داخل یک برنامه (مثل مرورگر).

​۱۴. Win + D (مک: Cmd + F3)
​کاربرد: مینیمایز کردن همه پنجره‌ها و رفتن مستقیم به دسکتاپ.

​۱۵. Win + L (مک: Cmd + Control + Q)
​کاربرد: قفل کردن سریع سیستم (Lock).

​۱۶. Win + V
(مک: نیاز به نرم‌افزار جانبی یا کپی هوشمند)
​کاربرد: باز کردن تاریخچه کپی‌ها (Clipboard History) برای Paste چند متن قبلی.

​۱۷. Win + Shift + S (مک: Cmd + Shift + 4)
​کاربرد: اسکرین‌شات گرفتن از بخش دلخواهی از صفحه.

​۱۸. Ctrl + Backspace
(مک: Option + Delete)
​کاربرد: پاک کردن کل کلمه قبلی به جای حرف‌به‌حرف.

​۱۹. Ctrl + Slash ( / ) (مک: Cmd + /)
​کاربرد: کامنت یا کامنت‌برداری سریع خطوط کد.

​۲۰. Ctrl + Shift + N (مک: Cmd + Shift + N)
​کاربرد: ساخت فولدر جدید در سیستم یا باز کردن تب ناشناس (Incognito) در مرورگر.

✦ @programming_codiing