🗺نقشه راه یادگیری فرانتاند در ۶۰ روز!
🏆اگر قصد دارید به یک توسعهدهنده فرانتاند تبدیل شوید، برنامهی ۶۰ روزه فوق همان چیزی است که نیاز دارید. در ادامه با ترجمه و توضیح هر مرحله، به شما یاد میدهیم که چگونه قدمبهقدم حرکت کنید:
روز ۱-۵: HTML
💡یادگیری ساختار اصلی صفحات وب. HTML مانند ستون فقرات هر وبسایت است و اولین قدم برای ورود به این دنیا میباشد.
روز ۶-۱۰: CSS (استایل و چیدمان)
🎨طراحی ظاهری سایت با CSS. از استایلدهی به متنها تا ساخت چیدمانهای جذاب و ریسپانسیو.
روز ۱۱-۱۵: طراحی ریسپانسیو با Flexbox و Grid
📱یاد بگیرید که چطور وبسایت شما بر روی هر دستگاهی زیبا نمایش داده میشود. ابزارهایی مانند Flexbox و Grid میتوانند مؤثر باشند!
روز ۱۶-۲۰: مبانی جاوااسکریپت (متغیرها، توابع، DOM)
⌨️شروع کدنویسی! به وسیله جاوااسکریپت میتوانید وبسایت را زنده کنید. مانند دکمهای که با کلیک کاربر عکسالعمل نشان میدهد.
روز ۲۱-۲۵: جاوااسکریپت پیشرفته (ویژگیهای ES6+)
🚀وارد دنیای حرفهایتر جاوااسکریپت شوید. یاد بگیرید چگونه با ابزارهای جدید این زبان بهتر کدنویسی کنید.
روز ۲۶-۳۰: Git و GitHub برای کنترل نسخه
📂مدیریت پروژهها با Git و همکاری با دیگران در GitHub. یادگیری این ابزار برای هر برنامهنویسی ضروری میباشد.
روز ۳۱-۳۵: آشنایی با Async در جاوااسکریپت (Promises, Fetch)
⏳یاد بگیرید چطور کارهای غیرهمزمان مانند دریافت داده از سرور را انجام دهید.
روز ۳۶-۴۹: شروع ReactJS (کامپوننتها، State, Props)
⚛️وارد دنیای React شوید! این کتابخانه قدرتمند به شما کمک میکند وبسایتهای مدرن و سریع بسازید.
روز ۴۱-۴۵: React پیشرفته (Hooks, useEffect)
🔗ویژگیهای پیشرفته React مثل Hooks و useEffect به شما اجازه میدهد کد مناسبتر و کارآمدتری بنویسید.
روز ۴۶-۵۰: اتصال API به React
🌐یاد بگیرید چگونه اطلاعات را از سرورها دریافت و در پروژههای React خودت نمایش دهید.
روز ۵۱-۵۵: ساخت یک پروژه کامل
🎯حالا وقت آن است که آموختههایتان را عملی کنید و یک پروژه واقعی بسازید.
روز ۵۶-۶۰: دیپلوی پروژه با GitHub Pages
🌍پروژهتان را آنلاین و با دنیا به اشتراک بگذارید. دیپلوی کردن، گام نهایی قدم برای ورود حرفهای به بازار کار میباشد.
👨💻در کانال انجمن علمی برنامهنویسی با ما همراه باشید…
| @Programming_Association |