برنامه نویسی | هوش مصنوعی | وب احسان (@webehsan) — پست‌های کانال تلگرام

2 ژوئیه 2026

برنامه نویسی | هوش مصنوعی | وب احسان

عکس

برگه تقلب متدهای آرایه در جاوااسکریپت (سری اول) متدهای Mutating؛ همونایی که آرایه اصلی رو دستکاری می‌کنن! وقتی از این متدها استفاده می‌کنی، دیگه خبری از آرایه قبلی نیست؛ خودش تغییر می‌کنه. مثلاً اگه با push() یه مقدار اضافه کنی یا با splice() یه عنصر حذف کنی، همون آرایه‌ای که داشتی تغییر کرده و نیازی نیست خروجی رو داخل متغیر جدید ذخیره کنی. 📌 اگر نمی‌خوای داده اصلی تغییر کنه، بهتره سراغ متدهای Non-Mutating بری. 👈 در پست بعدی میریم سراغ متدهای Non-Mutating و می‌بینیم چطور بدون تغییر آرایه اصلی، روی داده‌ها کار کنیم. 🆔️@webehsan

48 · 1.9K · 08:56

فایل
webehsan-30-days-css-series-pdf.pdf · 4.2 MB · برای نمایش کلیک کنید

برگه تقلب CSS دسترسی به تمام استایل های CSS همراه با مثال بصورت یکجا خلاصه شده در 30 اسلاید (30 روز) 🆔 @webehsan

293 · 2.7K · 13:20

4 ژوئیه 2026

برنامه نویسی | هوش مصنوعی | وب احسان

پاسخبرگه تقلب متدهای آرایه در جاوااسکریپت (سری اول) متدهای Mutating؛ همونایی که آرایه اصلی رو دستکاری می‌کنن! وقتی از این متدها استفاده می‌کنی، دیگه خبری از آرایه قبلی نیست؛ خودش تغییر می‌کنه. مثلاً اگه با push() یه مقدار اضافه کنی یا با splice() یه عنصر حذف کنی، همون آرایه‌ای که داشتی تغییر کرده و ن

عکس

برگ تقلب متدهای آرایه در جاوااسکریپت (سری دوم) 🟢 متدهای Non-Mutating؛ وقتی نمی‌خوای آرایه اصلی خراب بشه! تفاوت اصلی این دسته با Mutating اینه که آرایه اصلی رو دست نمی‌زنن؛ بلکه یه آرایه جدید برات می‌سازن. برای همین توی پروژه‌های React و به طور کلی برنامه‌نویسی مدرن، این متدها خیلی محبوب‌ترن؛ چون باعث می‌شن داده‌ها قابل پیش‌بینی بمونن و از باگ‌های ناخواسته جلوگیری بشه. مثلاً map()، filter() یا slice() همیشه یه آرایه جدید برمی‌گردونن و آرایه اولیه همون‌طور که هست باقی می‌مونه. 📌 خلاصه: 🔴 Mutating = تغییر آرایه اصلی 🟢 Non-Mutating = ساخت آرایه جدید 👈 در پست بعدی با متدهای Value / Result آشنا می‌شیم؛ متدهایی که فقط یک نتیجه برمی‌گردونن و برای جستجو، بررسی شرط و محاسبات خیلی کاربردی هستن. 🆔@webehsan

40 · 1.6K · 08:39

پاسخبرگ تقلب متدهای آرایه در جاوااسکریپت (سری دوم) 🟢 متدهای Non-Mutating؛ وقتی نمی‌خوای آرایه اصلی خراب بشه! تفاوت اصلی این دسته با Mutating اینه که آرایه اصلی رو دست نمی‌زنن؛ بلکه یه آرایه جدید برات می‌سازن. برای همین توی پروژه‌های React و به طور کلی برنامه‌نویسی مدرن، این متدها خیلی محبوب‌ترن؛ چون

عکس

برگ تقلب متدهای آرایه در جاوااسکریپت (سری سوم) 🔵 متدهای Value / Result؛ وقتی فقط نتیجه می‌خوای، نه تغییر آرایه! این دسته نه آرایه رو تغییر میدن و نه معمولاً آرایه جدید می‌سازن؛ فقط یه نتیجه برمی‌گردونن. این نتیجه می‌تونه: یه عدد باشه (indexOf()) یه مقدار بولین (includes() یا some()) یه عنصر (find()) یه رشته (join()) یا حتی یه مقدار نهایی مثل جمع عناصر (reduce()) پس هر وقت هدفت اینه که فقط از آرایه اطلاعات بگیری یا یه خروجی محاسبه کنی، این دسته بهترین انتخابه. 📌 یه راه ساده برای حفظ کردن: 🔴 Mutating → آرایه رو تغییر میده. 🟢 Non-Mutating → آرایه جدید می‌سازه. 🔵 Value / Result → فقط یه نتیجه برمی‌گردونه. 🆔️@webehsan

44 · 2.2K · 08:43

فایل
webehsan.com-compressed.pdf · 525 KB · برای نمایش کلیک کنید

یکی از سوال هایی که در مصاحبه فرانت اند پرسیده میشه ، تفاوت متدهای آرایه هست. متدهای آرایه رو میشه به ۳ دسته تقسیم کرد: 🔴 Mutating → آرایه اصلی رو تغییر میدن. مثل: push، pop، splice 🟢 Non-Mutating → آرایه اصلی دست‌نخورده می‌مونه و یه آرایه جدید برمی‌گردونن. مثل: map، filter، slice 🔵 Value / Result → نه آرایه رو تغییر میدن، نه آرایه جدید می‌سازن؛ فقط یه نتیجه برمی‌گردونن. مثل: find، includes، reduce حالا داخل این فایل مثال های کامل از هرکدوم بصورت یک فایل pdf برات آماده کردم 🆔️@webehsan

60 · 2.7K · 09:38

فایل
webehsan js sheet.zip · 49.7 MB · برای نمایش کلیک کنید

برگ تقلب جاوااسکریپت دسته بندی شده برای هر موضوع جداگانه رمز فایل : webehsan.com 🆔 @webehsan

180 · 2.9K · 15:44

7 ژوئیه 2026

برنامه نویسی | هوش مصنوعی | وب احسان

ویدیو
bandicam 2026-07-07 12-52-26-485.mp4 · 1.1 MB

سلام رفقا سورس کد این دکمه های زیبا را براتون آماده کردم که میتونید از فایل زیر بردارید و داخل پروژه هاتون استفاده کنید 👇

25 · 2.9K · 10:04

پاسخسلام رفقا سورس کد این دکمه های زیبا را براتون آماده کردم که میتونید از فایل زیر بردارید و داخل پروژه هاتون استفاده کنید 👇

فایل
Webehsan Shimmer Button.zip · 1 KB · برای نمایش کلیک کنید

سورس کد دکمه با بکگراند و بوردر متحرک (ویدئو بالا) رمز فایل : webehsan.com 🆔 @webehsan

43 · 3.4K · 10:05

12 ژوئیه 2026

برنامه نویسی | هوش مصنوعی | وب احسان

فایل
webehsan-theme.zip · 4.8 MB · برای نمایش کلیک کنید

اگه دنبال ایده هستی برای طراحی سایت یا نمونه کار, پیشنهاد میکنم یه سر به اسکرین شات هایی که داخل این فایل قرار دادم بزنی تا بتونی ایده بگیری برای سایت هایی که میخوای بزنی. 🆔 @webehsan

125 · 3.3K · 15:31

15 ژوئیه 2026

برنامه نویسی | هوش مصنوعی | وب احسان

فایل
index.html · 3 KB · برای نمایش کلیک کنید

سورس کد ساخت مودال انیمیشن دار فقط با CSS (بدون یک خط Javascript) با استفاده از starting-style قابلیت جدید CSS 🆔 @webehsan

48 · 2.9K · 14:20

29 ژوئیه 2026

برنامه نویسی | هوش مصنوعی | وب احسان

پیام صوتی
1.6 MB · برای نمایش کلیک کنید

🚨 دوره VIP چیه؟؟؟؟ 🔥 حتمااااا حتمااااااا به این وویس گوش بدید بعد از اینکه وویس کامل گوش دادید، روی لینک زیر بزنید تا اطلاعات بیشتر در مورد دوره VIP کسب کنید: https://webehsan.com/courses/vip-frontend-course

2 · 2.1K · 08:33

عکس

🚨 دوره جامع فرانت (VIP) 🎓: ✅️ آموزش Html Css از صفر ✅️ آموزش جاوااسکریپت از صفر ✅️ آموزش کار با api ✅️ آموزش ساخت کامپوننت‌های جذاب جاوااسکریپت ✅️ آموزش React js از صفر ✅️ آموزش کامپوننت‌های جذاب React js ✅️ آموزش از صفر ✅️ پروژه‌محور بودن (بازخورد لحظه‌ای) ✅️ داشتن پشتیبانی ✅️ آپدیت مداوم مطالب

5 · 2.7K · 09:21

3 اوت 2026

برنامه نویسی | هوش مصنوعی | وب احسان

عکس

#reactjs این یکی از تمرین های دوره React هست که یکی از بچه ها فرستاده بود و پرسیده بود چرا کد بهش خطا میده. جواب : وقتی دارید React کار میکنید و به خطا میخورید (خطا داخل ری اکت ممکنه صفحه سفید بشه) پیشنهاد میکنم اول همه کنسول مرورگر چک کنید و اخرین خطایی که نوشته شده (پیام قرمز رنگ) بخونید و اگر حتی خودتونم متوجه متن خطا نشدید بدید به چت جی پی تی و ازش بخواید توضیح بده. اما در مورد اشکال کد بالا در تعریف state ما محدودیتی نداریم که اسم استیت با حروف کوچک و یا بزرگ تعریف بشود. هرچند پیشنهاد میشه از حروف کوچک برای اسم استیت و بصورت camelCase برای ست استیت استفاده کنید. مثال : const [count, setCount] = useState(0) و در نهایت به هرشکلی تعریف کردید به همون شکل هم داخل کامپوننت استفاده کنید. در عکس بالا Count با C بزرگ تعریف شده ولی ما بقی جاها با c کوچک و بصورت count صدا زده شده. پیشنهاد کلی برای تعریف اسم استیت و توابع در Reavt بصورت camelCase مثال : setState setCount handleClick getUserData و بصورت PascalCase برای نام کامپوننت ها : Task6 UserProfile LoginForm @webehsan

7 · 2.7K · 12:41

10 اوت 2026

برنامه نویسی | هوش مصنوعی | وب احسان

فایل
shadboard-main.zip · 2.6 MB · برای نمایش کلیک کنید

پنل ادمین پیاده سازی شده با react js مناسب برای مدیریت وب سایت و اپلیکیشن لینک ریپو گیت هاب برای آموزش نصب : https://github.com/Qualiora/shadboard

63 · 2.3K · 11:29

23 اوت 2026

برنامه نویسی | هوش مصنوعی | وب احسان

بعد چند سال کار کردن و برنامه نویسی ، برای شرکت ها و ادم های مختلف ، روز به روز بیشتر به این نتیجه میرسم که باید محصول و برند خودتو داشته باشی ، و برای خودت کار کنی روزی صدبار به این نتیجه میرسم ولی الان یهویی خواستم ، صد و یکمین بار که به این نتیجه رسیدمو با شمام یه اشتراک بذارم شب اونایی که دنبال کارمندی نیستن بخیر 😁

13 · 1.6K · 21:35

24 اوت 2026

برنامه نویسی | هوش مصنوعی | وب احسان

عکس

اقا یه وب سایت باحال پیدا کردم که خیلی تمیز کامپوننت های مختلف جمع آوری کرده. خوبیش چیه؟؟ مثلا اسلایدر تصاویر نیاز داری , میری داخل این وب سایت روی اسلایدر کلیک میکنی بعد اون خودش یه عالمه وب سایت دیگه که سورس کد اسلایدر میدن را داخل یک صفحه بهت معرفی کرده. دیگه نیاز نیست برای یک کامپوننت تموم سایت ها را زیر و رو کنی , این سایت قبلا زیر و رو کرده و نتیجشو بهت میده آدرس : https://component.gallery

93 · 2.2K · 08:33

25 اوت 2026

برنامه نویسی | هوش مصنوعی | وب احسان

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

2 · 1.9K · 20:32

29 اوت 2026

برنامه نویسی | هوش مصنوعی | وب احسان

کلا با کانسپت سایت خیلی حال میکنم الان میدونی چی مده؟ مثلا طرف یکم برنامه نویسی بلده ، یکم کتاب خونده و داستان نوشته ، چندباری ترید کرده و تا حدودی خوب بوده ، یبار مهاجرت کرده برگشته ، یوتیوب پول در اورده ، خلاصه یه تجربه ای تو زمینه های مختلف داشته. میاد یه سایت میزنه ، برای هرکدومش یه صفحه لندینگ طراحی میکنه ، از هرکدومش یه پولی در میاره. مثلا یه صفحه میزنه آموزش وایب کدینگ میده. یه صفحه میزنه چارتا تحلیل میذاره ، میگه اگه میخوای بیا اشتراک سیگنال های دم دستی بخر. تو یه صفحه دیگ مشاوره مهاجرت میده. تو یه صفحه دیگ مشاوره ساعتی میفروشه و مراحل درامد زایی از یوتیوب برات میگه. میدونی چی میگم؟ اینکه از تخصص های کوچیک کوچیک ، که همزمان علاقتم هستن ، تو سایت میتونی پول های کوچیک کوچیک در بیاری که جمعشون چشمگیر میشه. هیچ جایی بجز سایت داشتن نمیتونی این تخصص های ریخت و پاش شدتو ، قابل فروش جمع و جور کنی. خیلی این سبک سایت داشتن پسندمه شب اونایی که باهام هم نظرن بخیر 😁

10 · 1.9K · 21:12

7 سپتامبر 2026

برنامه نویسی | هوش مصنوعی | وب احسان

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

16 · 1.4K · 22:55

12 سپتامبر 2026

برنامه نویسی | هوش مصنوعی | وب احسان

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

2 · 1.1K · 22:12

13 سپتامبر 2026

برنامه نویسی | هوش مصنوعی | وب احسان

پیوند
برای نمایش کلیک کنید

قبلا این پلتفرم داخل اینستا معرفی کردم ولی گفتم چون خیلی خوبه یکبارم اینجا معرفیش کنم. با استفاده از این وب سایت و نصب نسخه ویندوزش میتونید به هوشی مصنوعی های مختلف بصورت رایگان ولی محدود دسترسی داشته باشید (شبیه opencode) اما خوبیش چیه؟؟ اینکه امکان دریافت عکس و تبدیل به کد داره که نسخه ها رایگان مشابه ندیدم این امکان داشته باشه (اگه شما دیدی به منم معرفی کنید) خلاصه که روی رایگان بودن و محدود بودنش بازم خوبه آدرس ثبت نام (با لینک من ثبت نام کنید به منم کریدیت بده) : https://freebuff.com/get-started?ref=ref-e87b7253-f15b-4650-aa48-7cca78f4ff9f&referrer=dacke+da

28 · 1.4K · 11:12

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

6 · 1.5K · 21:27

21 سپتامبر 2026

برنامه نویسی | هوش مصنوعی | وب احسان

پیوند
برای نمایش کلیک کنید

یه وب سایت باحال و متفاوت که تمام صفحات بصورت سینگل پیج پیاده شده هم یک سایت محتوا محوره و هم در نوع خودش جالب طراحی شده بنظرم میتونه یه نمونه کار باحال باشه برای کسایی که میخوان تمرین کنند 👇 https://html.payo-themes.com/neravo/index-image.html

17 · 1.1K · 10:24

این یکی هم فوق العاده خلاقانه بود ولی خیلی کارکردن باهاش سخت بود برام برای کسایی که میخوان وب سایتشون کاربر به فکر فرو ببره خوبه 😄👇 https://zonar.kwst.net/site/portfolio.html

21 · 1.1K · 10:26

30 سپتامبر 2026

برنامه نویسی | هوش مصنوعی | وب احسان

یادمه چند سال پیش تو یه شرکتی بودم (حدود ۵ سال پیش) ، موقع تمدید قرار داد به شرکته گفتم نمیخوام دیگه تمدید کنم ، پرسید چرا؟؟ گفتم من ری اکت و فرانت کار میکنم ، چرا بهم کارای خارج از اینا میدی , گاهی بک اند میدی بزنم ، یه موقع هایی میگی رو سایت وردپرسی کار کنم ، من دوس دارم تو یه فیلد و تخصص خودم کار کنم ، نه اینکه همش کارهای غیر از حوزه خودم بهم بدی. خلاصه اونم گفت اوکیه و دیگه این کارو نمیکنیم. اون حرفم اونموقع درست بود ولی بنظرم دیگه الان شرایط خیلی فرق کرده. نمیخوام بگم هرچی کارفرما ازت خواست بزن ، ولی دیگه با اومدن ai , اینکه بگی من فقططط فرانت کار میکنم یا من فقطططط بک اند کار میکنم ، بنظرم یکم عقب میمونی. البتهههه این حرفایی که میزنم تو بازار فریلنسری و فقطم فریلنسری ایران بیشتر صدق میکنه. خلاصه که خواستم بگم اگه مثلا فرانت بلدی ، یکمم بک اند بلد باش ، یکمم بازریابی بلد باش ، یکمم مثلا دواپس ببین چیه ، یجوری به قول معروف کارو جمع کن. شب کسایی که کارو جمع میکنند بخیررر

6 · 629 · 22:20