FOUNDATION
مبانی وب
با کارکرد مرورگر، اینترنت، ابزار توسعه و Git آشنا شوید.
خروجی این مرحلهیک پروژه ساده را نسخه‌بندی و در مرورگر بررسی کنید.
LEARNING ROADMAP / FRONT-END
نقشه راه فرانت‌اند
از ساختار صفحه تا رابط‌های تعاملی و دسترس‌پذیر؛ مسیر ساخت تجربه‌ای که کاربر می‌بیند.
از پایه تا پروژه
قدم‌به‌قدم جلو برو
هر مرحله یک مهارت و یک خروجی مشخص دارد. با اسکرول، مسیر روشن می‌شود.
STRUCTURE
HTML معنایی
ساختار صفحه، فرم‌ها و عناصر معنایی را یاد بگیرید.
خروجی این مرحلهیک صفحه قابل فهم برای کاربر و موتور جست‌وجو بسازید.
STYLE
CSS و چیدمان
Flexbox، Grid، تایپوگرافی و اصول طراحی واکنش‌گرا را تمرین کنید.
خروجی این مرحلهصفحه‌ای بسازید که در موبایل و دسکتاپ درست نمایش داده شود.
LOGIC
JavaScript
منطق برنامه، DOM، رویدادها و درخواست‌های شبکه را به کار بگیرید.
خروجی این مرحلهتعامل‌های واقعی را بدون وابستگی غیرضروری پیاده کنید.
APPLICATION
اپلیکیشن فرانت‌اند
کامپوننت‌ها، وضعیت برنامه، مسیریابی و ارتباط با API را بیاموزید.
خروجی این مرحلهیک برنامه چندصفحه‌ای قابل نگهداری بسازید.
QUALITY
کیفیت و انتشار
دسترس‌پذیری، تست، عملکرد و بهینه‌سازی برای موتور جست‌وجو را بررسی کنید.
خروجی این مرحلهپروژه را آزمایش و برای انتشار آماده کنید.
مسیر را به عمل تبدیل کن
برای یادگیری عمیق‌تر، آموزش‌ها و دوره‌های منتشرشده سایت را متناسب با مرحله‌ای که هستی بررسی کن.