فهرست مطالب
شروع فرانتاند بدون نقشه معمولاً به پرش بین فریمورکها و آموزشهای پراکنده ختم میشود. این مسیر چهار گام پیوسته است: اول ساختار و ظاهر، بعد کنترل نسخه، بعد منطق مرورگر، و در نهایت تایپاسکریپت برای پروژههای جدی. هدف این نیست که همهچیز را یکشبه بلد شوید؛ هدف این است که هر هفته یک لایهٔ قابلاندازهگیری جلو بروید.
گام ۱ — ساختار و ظاهر با HTML و CSS
هر صفحه اسکلت معنایی و چیدمان بصری دارد. بدون تگهای درست، دسترسپذیری، Flexbox و Grid، سراغ فریمورک رفتن فقط ساختار شکننده میسازد. در این گام باید طرح را واکنشگرا روی موبایل و دسکتاپ پیاده کنید.
تمرین: یک لندینگ شخصی با منوی موبایل و فرم تماس بسازید. مسیر ساختیافته: دورهٔ وب از صفر تا حرفهای: HTML و CSS (۱۷۷ درس / ۳۶ ساعت) با پیشنمایش زنده در مرورگر.
گام ۲ — کنترل نسخه با گیت و گیتهاب
قبل از منطق پیچیده، تاریخچهٔ کارتان را مدیریت کنید. گیت یعنی ثبت مراحل، برگشت امن، و همکاری. تیمها بدون تاریخچهٔ کامیت جدی نمیگیرند.
تمرین: همان لندینگ را در مخزن بگذارید، شاخه بسازید و روی گیتهاب منتشر کنید. دورهٔ گیت و گیتهاب تعاملی (۱۲۵ درس / ۲۰ ساعت) همین کار را با تمرین واقعی در مرورگر پوشش میدهد.
گام ۳ — رفتار پویا با جاوااسکریپت
جاوااسکریپت رفتار کاربر، درخواست به API و بهروزرسانی صفحه بدون رفرش کامل را ممکن میکند. اسکوپ، Promise، async/await و کار با DOM پایهٔ ورود به هر فریمورک است.
تمرین: یک Todo با فیلتر، ذخیره در مرورگر، و یک فراخوانی API ساده (مثلاً وضعیت آبوهوا). مسیر: جاوااسکریپت از صفر تا برنامهنویس (۲۲۴ درس / ۴۵ ساعت).
گام ۴ — مقیاسپذیری با تایپاسکریپت
در پروژهٔ واقعی، نوع دادهی اشتباه گران تمام میشود. تایپاسکریپت خطاها را قبل از اجرا نشان میدهد و در آگهیهای شغلی فرانتاند تقریباً پیشفرض شده است.
تمرین: پنل کاربری کوچک با مدلهای تایپشده برای فرم و پاسخ سرور. مسیر: تایپاسکریپت از صفر تا برنامهنویس (۲۲۰ درس / ۴۴ ساعت).
کار همین هفته
به گام آخر فکر نکنید. همین هفته اولین HTML/CSS لندینگ را شروع کنید — حتی روزی یک ساعت تمرین مداوم از جهشهای مقطعی جلوتر است. در دینا کد میتوانید بدون نصب، مستقیم در مرورگر بنویسید و با داور زنده بازخورد بگیرید.
نظرها
اولین نفری باشید که نظر میدهدسؤالتان را بپرسید یا تجربهتان را بنویسید تا نویسندهی مطلب پاسخ بدهد.