Instagram story viewer> @codewith_amirh> Posts

696

followers

2089

following

💻 Fornt-end & Content Creator
⚡️ آموزش کدنویسی | نکات کلیدی فرانت اند
🚀 پروژه واقعی ● آموزش ● منابع کاربردی
📥 DM: همکاری و پروژه

POSTS STORIES REELS TAGGED

اگه می‌خوای وارد فرانت‌اند بشی ولی نمی‌دونی دقیقاً از کجا شروع کنی، این Roadmap می‌تونه مسیرت رو خیلی شفاف‌تر کنه 👇
از مبانی وب شروع می‌کنی، بعد می‌ری سراغ HTML و CSS، با JavaScript به صفحه‌هات منطق و تعامل می‌دی، بعد Git و طراحی Responsive رو یاد می‌گیری و در نهایت با React وارد ساخت پروژه‌های واقعی می‌شی.
نکته مهم اینه که فقط آموزش نبینی؛ بعد از هر مرحله حتماً یک پروژه کوچک بساز. همین پروژه‌ها کم‌کم تبدیل می‌شن به پورتفولیویی که برای ورود به بازار کار بهش نیاز داری.
این پست رو ذخیره کن و مرحله‌به‌مرحله جلو برو.
برای کسی که تازه می‌خواد برنامه‌نویسی فرانت‌اند رو شروع کنه هم بفرست. 🚀
@codewith_amirh

#فرانت_اند #برنامه_نویسی #طراحی_وب #frontend #webdevelopment by @codewith_amirh

20 days ago

Download

اگر با useState اشتباه کار کنی، باگ‌هایی می‌سازی که پیدا کردنشان واقعاً اعصاب‌خوردکن می‌شود.
توی این پست ۵ اشتباه رایج در useState را مرور کردم که خیلی از برنامه‌نویس‌ها، مخصوصاً اوایل یادگیری React، انجام می‌دهند.
توی اسلایدها یاد می‌گیری:
کی باید از prev استفاده کنی
چرا نباید object و array را مستقیم mutate کنی
چرا بعضی داده‌ها اصلاً نباید داخل state باشند
چطور state‌های مرتبط را بهتر مدیریت کنی
و چه زمانی lazy initialization انتخاب بهتری است
اگر React یاد می‌گیری، این پست را حتماً ذخیره کن چون احتمال زیاد چند بار بهش برمی‌گردی.

#ری_اکت
#جاوااسکریپت
#برنامه_نویسی
#فرانت_اند
#reactjs by @codewith_amirh

22 days ago

Download

برنامه‌نویسی فقط این نیست که سریع‌تر کد بنویسی؛ مهم‌تر از اون اینه که قبل از کدنویسی درست فکر کنی 👇

خیلی وقت‌ها مشکل از syntax نیست، از اینه که مسئله رو درست نفهمیدیم.

توی این پست ۷ عادت ذهنی رو می‌بینی که کمک می‌کنن مثل یک برنامه‌نویس حرفه‌ای‌تر فکر کنی:

• اول مسئله رو دقیق بفهم
• مسئله بزرگ رو به بخش‌های کوچک‌تر تقسیم کن
• قبل از کد، راه‌حل رو ساده بنویس
• Edge Caseها رو از قبل ببین
• Debug رو حدس زدن نبین؛ بررسی کن
• خروجی رو ارزیابی کن
• و همیشه دنبال بهبود باش

کد خوب از فکر خوب شروع میشه.

این پست رو ذخیره کن که دفعه بعد قبل از شروع یک پروژه یا حل مسئله، دوباره مرورش کنی.
برای دوست برنامه‌نویست هم بفرست 🚀

@codewith_amirh

#programming #coding #developer #cleancode #برنامه_نویسی by @codewith_amirh

a month ago

Download

$اگه React کار می‌کنی ولی هنوز map() و key برات کامل جا نیفتاده، این پست رو از دست نده 👇 توی پروژه واقعی، ساخت لیست بدون این دوتا تقریباً ممکن نیست. ولی اشتباه توی key می‌تونه باعث Render اشتباه و باگ‌های عجیب بشه. توی این پست خیلی ساده یاد می‌گیری: map() چطور کار می‌کنه، چرا key مهمه و چرا key={index} همیشه انتخاب خوبی نیست. این پست رو ذخیره کن؛ بعداً حتماً بهش برمی‌گردی 📌 @codewith_amirh #reactjs #javascript #frontenddeveloper #webdevelopment #برنامه_نویسی by @codewith_amirh$

a month ago

Download