اپلیکیشن اندرویدی فلش‌کارت آموزشی ساخت اولین وب سایت خود را شروع کنید!

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب ساخت اولین وب سایت خود را شروع کنید!

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

موضوع میانی: ساخت وب سایت، اپلیکیشن و بازی با HTML، CSS و JavaScript

📋 سرفصل‌های کتاب (100 موضوع)

• 1. شروع دوره: گام اول به سوی دنیای کدنویسی
• 2. معرفی دوره: ساخت اولین وب سایت شما
• 3. چرا یادگیری کدنویسی مهم است؟
• 4. اهداف دوره: چه چیزهایی یاد خواهید گرفت؟
• 5. ابزارهای مورد نیاز: آماده سازی محیط کدنویسی
• 6. معرفی VS Code: ویرایشگر کد قدرتمند
• 7. نصب VS Code: گام به گام
• 8. تنظیمات اولیه VS Code: شخصی سازی محیط
• 9. مفهوم HTML: زبان نشانه گذاری صفحات وب
• 10. چرا HTML مهم است؟
• 11. ساختار پایه یک سند HTML
• 12. تگ های HTML: بلوک های سازنده وب سایت
• 13. تگ های عنوان (Heading Tags)
• 14. تگ پاراگراف (Paragraph Tag)
• 15. تگ لینک (Anchor Tag)
• 16. تگ تصویر (Image Tag)
• 17. تگ لیست (List Tags): مرتب و نامرتب
• 18. تگ جدول (Table Tag): سازماندهی داده ها
• 19. تگ فرم (Form Tag): تعامل با کاربر
• 20. تگ ورودی (Input Tag)
• 21. تگ دکمه (Button Tag)
• 22. تگ های معنایی (Semantic Tags): HTML5
• 23. تگ header
• 24. تگ nav
• 25. تگ main
• 26. تگ article
• 27. تگ section
• 28. تگ aside
• 29. تگ footer
• 30. نکات مهم در استفاده از تگ ها
• 31. کامنت در HTML: یادداشت گذاری برای خودتان
• 32. اعتبار سنجی HTML: اطمینان از صحت کد
• 33. مفهوم CSS: زبان استایل دهی صفحات وب
• 34. چرا CSS مهم است؟
• 35. روش های اتصال CSS به HTML
• 36. استایل دهی درون خطی (Inline Styles)
• 37. استایل دهی در تگ style (Internal Styles)
• 38. استایل دهی در فایل جداگانه (External Styles)
• 39. انتخابگرها در CSS: هدف قرار دادن عناصر
• 40. انتخابگر نوع (Type Selector)
• 41. انتخابگر کلاس (Class Selector)
• 42. انتخابگر شناسه (ID Selector)
• 43. انتخابگرهای صفتی (Attribute Selectors)
• 44. انتخابگرهای ترکیبی (Combinator Selectors)
• 45. نکات مهم در انتخابگرها
• 46. خصوصیات CSS: تغییر ظاهر عناصر
• 47. خصوصیت color: رنگ متن
• 48. خصوصیت background-color: رنگ پس زمینه
• 49. خصوصیت font-family: فونت متن
• 50. خصوصیت font-size: اندازه فونت
• 51. خصوصیت font-weight: ضخامت فونت
• 52. خصوصیت text-align: تراز متن
• 53. خصوصیت margin: فاصله خارجی عناصر
• 54. خصوصیت padding: فاصله داخلی عناصر
• 55. خصوصیت border: حاشیه عناصر
• 56. خصوصیت width و height: ابعاد عناصر
• 57. خصوصیت display: نحوه نمایش عناصر (block, inline, inline-block)
• 58. خصوصیت position: موقعیت دهی عناصر (static, relative, absolute, fixed)
• 59. مدل جعبه ای (Box Model) در CSS
• 60. رنگ ها در CSS: RGB, RGBA, HSL, HSLA
• 61. گرادیان ها در CSS
• 62. سایه ها در CSS (text-shadow, box-shadow)
• 63. استایل دهی لینک ها در CSS
• 64. استایل دهی تصاویر در CSS
• 65. طراحی واکنش گرا (Responsive Design): سازگاری با دستگاه های مختلف
• 66. مفهوم Media Queries
• 67. نوشتن اولین Media Query
• 68. طراحی برای موبایل اول (Mobile First)
• 69. مرور کلی بر ساختار وب سایت
• 70. طراحی صفحه اصلی (Homepage)
• 71. ساخت هدر (Header)
• 72. ساخت نویگیشن (Navigation)
• 73. ساخت بخش اصلی محتوا (Main Content)
• 74. ساخت فوتر (Footer)
• 75. اضافه کردن تصاویر و لینک ها
• 76. استایل دهی صفحه اصلی با CSS
• 77. مفهوم JavaScript: افزودن تعامل به وب سایت
• 78. چرا JavaScript مهم است؟
• 79. نحوه اتصال JavaScript به HTML
• 80. نوشتن اولین کد JavaScript
• 81. متغیرها در JavaScript
• 82. انواع داده ها در JavaScript
• 83. عملگرها در JavaScript
• 84. شرط ها در JavaScript (if, else if, else)
• 85. حلقه ها در JavaScript (for, while)
• 86. توابع در JavaScript
• 87. کار با DOM (Document Object Model)
• 88. انتخاب عناصر DOM
• 89. تغییر محتوای عناصر DOM
• 90. تغییر استایل عناصر DOM
• 91. مدیریت رویدادها (Event Handling)
• 92. کلیک کردن روی دکمه
• 93. تغییر متن با ورودی کاربر
• 94. نمایش و پنهان کردن عناصر
• 95. ساخت یک اسلایدر ساده
• 96. ساخت یک فرم تعاملی
• 97. مفهوم Git و GitHub: مدیریت نسخه و همکاری
• 98. چرا Git مهم است؟
• 99. نصب Git
• 100. دستورات پایه Git (init, add, commit)