فلش‌کارت‌های آموزشی کتابٔ جامع جامع‌نگر توسعهٔ فرانت‌اند وب با ۱۴ پروژهٔ عملی

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره دورهٔ جامع جامع‌نگر توسعهٔ فرانت‌اند وب با ۱۴ پروژهٔ عملی

موضوع کلی: توسعه وب و فناوری اطلاعات

موضوع میانی: طراحی و پیاده‌سازی واسط کاربری وب

📋 سرفصل‌های دوره

• 1. مقدمه ای بر توسعه فرانت اند وب
• 2. آشنایی با HTML5
• 3. ساختاردهی صفحات وب با HTML
• 4. عناصر معنایی در HTML5
• 5. فرم ها و اعتبارسنجی در HTML
• 6. آشنایی با CSS3
• 7. قوانین و انتخابگرهای CSS
• 8. مدیریت طرح بندی با Flexbox
• 9. طراحی واکنش گرا با Grid Layout
• 10. انیمیشن ها و ترنزیشن ها در CSS
• 11. مقدمه ای بر جاوا اسکریپت
• 12. متغیرها، انواع داده و عملگرها در جاوا اسکریپت
• 13. کنترل جریان: شرط ها و حلقه ها
• 14. توابع و دامنه متغیرها
• 15. کار با آرایه ها و اشیاء
• 16. مقدمه ای بر DOM Manipulation
• 17. انتخاب عناصر و تغییر محتوا
• 18. ایجاد و حذف عناصر
• 19. مدیریت رویدادها در جاوا اسکریپت
• 20. مقدمه ای بر Git و GitHub
• 21. کنترل نسخه و همکاری تیمی
• 22. ایجاد مخزن و ارسال تغییرات
• 23. بستن شاخه ها و ادغام تغییرات
• 24. مقدمه ای بر طراحی ریسپانسیو
• 25. تکنیک های طراحی واکنش گرا
• 26. استفاده از Viewport و Media Queries
• 27. تنظیم تصاویر برای صفحات واکنش گرا
• 28. فریمورک ها و کتابخانه های CSS
• 29. آشنایی با Bootstrap
• 30. طراحی با استفاده از کامپوننت های Bootstrap
• 31. سفارشی سازی Bootstrap
• 32. آشنایی با Tailwind CSS
• 33. طراحی Utility-First با Tailwind CSS
• 34. ایجاد کامپوننت های سفارشی
• 35. مقدمه ای بر فریمورک های جاوا اسکریپت
• 36. آشنایی با React
• 37. مفاهیم JSX و کامپوننت ها
• 38. مدیریت State و Props
• 39. چرخه حیات کامپوننت ها
• 40. کار با Hook ها در React
• 41. مقدمه ای بر مدیریت وضعیت
• 42. استفاده از Context API
• 43. آشنایی با Redux
• 44. اصول Redux: State, Actions, Reducers
• 45. اتصال React به Redux
• 46. مقدمه ای بر Node.js و npm
• 47. مدیریت بسته ها با npm
• 48. ساخت API های ساده با Node.js
• 49. مقدمه ای بر Express.js
• 50. ساخت روترها و middleware در Express
• 51. کار با پایگاه داده ها
• 52. مقدمه ای بر پایگاه داده های NoSQL
• 53. آشنایی با MongoDB
• 54. مدل سازی داده در MongoDB
• 55. انجام عملیات CRUD در MongoDB
• 56. مقدمه ای بر پایگاه داده های SQL
• 57. آشنایی با PostgreSQL
• 58. مدل سازی داده در PostgreSQL
• 59. انجام عملیات CRUD در PostgreSQL
• 60. مقدمه ای بر RESTful APIs
• 61. اصول طراحی RESTful
• 62. طراحی Endpoints و منابع
• 63. کار با متدهای HTTP
• 64. احراز هویت و مجوزها در APIs
• 65. امنیت در توسعه وب
• 66. مقدمه ای بر OWASP Top 10
• 67. جلوگیری از حملات XSS
• 68. جلوگیری از حملات SQL Injection
• 69. مدیریت کوکی ها و Session ها
• 70. تست نویسی در فرانت اند
• 71. مقدمه ای بر تست واحد
• 72. نوشتن تست های واحد با Jest
• 73. مقدمه ای بر تست یکپارچگی
• 74. نوشتن تست های یکپارچگی
• 75. مقدمه ای بر تست E2E
• 76. نوشتن تست های E2E با Cypress
• 77. بهینه سازی عملکرد وب سایت
• 78. اصول بهینه سازی سرعت بارگذاری
• 79. فشرده سازی تصاویر و کدها
• 80. استفاده از Caching
• 81. Lazy Loading و Code Splitting
• 82. مقدمه ای بر Progressive Web Apps (PWAs)
• 83. کار با Service Workers
• 84. قابلیت های آفلاین و نصب PWA
• 85. طراحی UX/UI اصول اولیه
• 86. مفاهیم کاربردپذیری و تجربه کاربری
• 87. اصول طراحی رابط کاربری
• 88. ایجاد Wireframes و Prototypes
• 89. آشنایی با ابزارهای طراحی
• 90. پروژه ۱: ساخت صفحه فرود (Landing Page)
• 91. پروژه ۲: ساخت گالری تصاویر واکنش گرا
• 92. پروژه ۳: ساخت فرم ثبت نام با اعتبارسنجی
• 93. پروژه ۴: ساخت یک ماشین حساب ساده
• 94. پروژه ۵: ساخت یک بازی حدس عدد
• 95. پروژه ۶: ساخت یک لیست کارها (To-Do List)
• 96. پروژه ۷: ساخت یک اپلیکیشن آب و هوا
• 97. پروژه ۸: ساخت یک فرم تماس با ارسال ایمیل
• 98. پروژه ۹: ساخت یک اپلیکیشن بلاگ ساده
• 99. پروژه ۱۰: ساخت یک فروشگاه آنلاین کوچک
• 100. پروژه ۱۱: ساخت یک اپلیکیشن مدیریت پروژه