https://virgool.ir/feed/@masoumeh.ashrafi98توسعه‌دهنده فرانت‌اند با تمرکز بر React و Next.js مدرس دانشگاهfa2026-11-12 05:55:51https://files.virgool.ir/upload/users/1766806/avatar/Gj6Ty4.jpghttps://virgool.ir/@masoumeh.ashrafi98https://virgool.ir/@masoumeh.ashrafi98/ترکیبِ-دانشِ-معماری-و-مهندسی-نرم-افزار-ek26sn3gggtqدوستانم همیشه می‌پرسند چرا هم معماری می‌خوانی و هم کد می‌زنی؟ پاسخ من ساده است: هر دو درباره "ساختنِ دنیای بهتری" هستند.نظم ساختاری در معماری کمک شایانی به درک من از Frontend کرد. تفکر سلسله‌مراتبی (Hierarchy) در حل مسائل فنی و دیدِ معمارانه، به من کمک کرد در کد زدنِ React بسیار دقیق‌تر باشم. در پایان، من نه خود را برنامه‌نویس می‌دانم و نه معمار؛ من یک "سازنده" هستم.معصومه اشرفیمعصومه اشرفیFri, 10 Jul 2026 10:39:35 +0330https://virgool.ir/@masoumeh.ashrafi98/معماریِ-کد-در-پروژه-از-پلان-ساختمان-تا-کلاس-های-جاوااسکریپتمعصومه-اشرفی-rkm3t1xnbje1پروژه: razyar-projectآیا کد زدن با طراحی یک پلان ساختمانی فرقی دارد؟ من فکر نمی‌کنم! در پروژه razyar حساسیت زیادی روی معماریِ فایل‌ها داشتم. ما از مفاهیم ماژولار در توسعه وب استفاده کردیم و با بهره‌گیری از TypeScript، ساختارِ پروژه را ضدگلوله کردیم.باور من این است که کدی که برای آینده طراحی نشود، در زمان حال هم شکست می‌خورد.معماری شما برای پروژه‌های بزرگ چیست؟خوشحال می‌شم نظرتون رو در مورد ساختار این قالب بدونم.معصومه اشرفیمعصومه اشرفیFri, 10 Jul 2026 10:36:12 +0330https://virgool.ir/@masoumeh.ashrafi98/کابوسِ-راست-چین-rtl-وقتی-کد-به-فارسی-می-نویسد-qoekktbhfunaپروژه: rtl-pepito-themeتا حالا شده یک قالب خارجی بگیرید و همه‌چیز به هم بریزد؟ من با پروژه rtl-pepito-theme خواستم این معما را حل کنم. تفاوت دیدگاه در طراحی LTR و RTL فراتر از تغییر جهت متن است.چالش‌های CSS در مدیریت آیکون‌ها و فلکس‌باکس زمانی که صفحه برعکس می‌شود، بسیار آموزنده بود. سوال اصلی من این بود: چگونه یک قالب تمیز برای فارسی‌زبانان بسازیم؟ پاسخ ساده است؛ طراحی راست‌چین باید استاندارد باشد، نه یک وصله پینه!خوشحال می‌شم نظرتون رو در مورد ساختار این قالب بدونم.معصومه اشرفیمعصومه اشرفیFri, 10 Jul 2026 10:32:53 +0330https://virgool.ir/@masoumeh.ashrafi98/از-ترسیمِ-پلان-تا-معماریِ-کد-داستانِ-راه-اندازیِ-اولین-پورتفولیویِ-شخصی-من-tnqqyjsw1bs2سلام به همه‌ی همراهان و علاقه‌مندان به دنیایِ تکنولوژی و هنر! ✨شاید برای شما عجیب باشه که چرا یک دانشجویِ دکتریِ معماری، حالا درگیرِ دنیایِ پیچیده‌یِ Next.js و TypeScript شده! اما اگر کمی عمیق‌تر به موضوع نگاه کنید، متوجه می‌شید که تفاوتِ بینِ طراحیِ یک ساختمانِ ماندگار و توسعه‌ی یک وب‌سایتِ مقیاس‌پذیر، بسیار کم است؛ هر دو بر پایه‌یِ «ساختار»، «زیبایی» و «کارایی» بنا می‌شوند.من همیشه معتقدم که کدنویسی، فقط چیدنِ دستوراتِ پشتِ سرِ هم نیست؛ بلکه نوعی معماریِ دیجیتال است. برای نمایشِ این دیدگاه، تصمیم گرفتم پورتفولیویِ شخصی خودم را از صفر طراحی کنم. اما این کار به همین سادگی نبود!چالش‌هایِ مسیر:راه‌اندازیِ یک وب‌سایتِ مدرن، از تنظیماتِ پیچیده‌یِ DNS گرفته تا مدیریتِ پرفورمنسِ تصاویرِ حجیمِ معماری، چالش‌هایِ هیجان‌انگیزی بود. من می‌خواستم سایتی داشته باشم که نه تنها زیبا باشد، بلکه با استانداردهایِ جهانیِ سئو (SEO) و سرعتِ بارگذاری (LCP) همخوانی داشته باشد.تکنولوژی‌هایی که استفاده کردم:برای اینکه این رویا به واقعیت تبدیل بشه، از قدرتمندترین ابزارهایِ فعلی استفاده کردم:🔹 Next.js برای مدیریتِ هوشمندِ رندرینگ🔹 TypeScript برای تضمینِ سلامت و دقتِ کدها🔹 Tailwind CSS برای طراحیِ دقیق و مدرن🔹 و مدیریتِ تصاویر با استانداردهایِ بالا برای نمایشِ رندرهایِ باکیفیتِ معماری.نتیجه چیست؟این سایت، فراتر از یک رزومه‌یِ ساده، تجربه‌یِ من از ترکیبِ هنرِ معماری و دقتِ مهندسیِ نرم‌افزار است. خوشحال می‌شم اگر از این مسیرِ جدیدِ من حمایت کنید و نظراتتون رو برام بنویسید.معصومه اشرفیمعصومه اشرفیFri, 10 Jul 2026 10:21:48 +0330https://virgool.ir/@masoumeh.ashrafi98/هنر-در-بسترِ-کد-تجربه-من-از-ساخت-پورتفولیوی-تخصصی-hxrjrqn3obyxدنیای زیبایی فقط به چشم نمی‌آید، باید حس شود. وقتی می‌خواستم پورتفولیوی یک متخصص زیبایی را بسازم، فقط به ظاهر فکر نمی‌کردم. در این پروژه از Next.js برای دستیابی به سرعت بالا و سئو محور بودن استفاده کردم.چرا تصاویر در سایت‌های زیبایی باید سریع لود شوند؟ بهینه‌سازی تصاویر در این حوزه نه یک انتخاب، بلکه یک ضرورت است. چالش اصلی من، تعادل برقرار کردن میان "هنرِ بصری" و "عملکردِ فنی" بود. در نهایت متوجه شدم که یک سایت زیبا فقط عکس نیست، بلکه یک تجربه کاربری بی‌نقص است.از شما دعوت می‌کنم نگاهی به این پروژه در گیت‌هاب من بیندازید.معصومه اشرفیمعصومه اشرفیFri, 10 Jul 2026 10:15:29 +0330