فلش‌کارت‌های آموزشی ساخت وب‌سایت شخصی با HTML، CSS و JavaScript

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

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

عنوان دوره: دوره ساخت وب‌سایت شخصی با HTML، CSS و JavaScript

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

موضوع میانی: توسعه وب

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

• 1. مقدمه ای بر توسعه وب در ایران
• 2. آشنایی با HTML: زبان ساختاردهی صفحات وب
• 3. عناصر پایه HTML: سرتیترها، پاراگراف‌ها و لیست‌ها
• 4. کاربرد تگ‌های معنایی HTML5
• 5. ساختاردهی فرم‌ها در HTML
• 6. ورودی‌های مختلف فرم و اعتبار سنجی اولیه
• 7. نحوه استفاده از تصاویر در صفحات وب
• 8. اضافه کردن لینک‌ها و ناوبری در وب‌سایت
• 9. مقدمه ای بر CSS: زبان استایل‌دهی صفحات وب
• 10. انتخابگرهای CSS: کلاس‌ها، IDها و تگ‌ها
• 11. قوانین و مقادیر CSS: تنظیم رنگ، فونت و پس‌زمینه
• 12. مدیریت طرح‌بندی با CSS: Box Model
• 13. استفاده از Flexbox برای چیدمان انعطاف‌پذیر
• 14. استفاده از Grid برای چیدمان پیچیده
• 15. طراحی واکنش‌گرا (Responsive Design) با CSS
• 16. تنظیمات فونت و تایپوگرافی در وب
• 17. استفاده از انیمیشن‌ها و ترانزیشن‌های CSS
• 18. مقدمه ای بر JavaScript: افزودن تعامل به صفحات وب
• 19. متغیرها و انواع داده در JavaScript
• 20. عملگرها و عبارات در JavaScript
• 21. ساختار کنترل: شرط‌ها (if, else)
• 22. ساختار کنترل: حلقه‌ها (for, while)
• 23. توابع در JavaScript: تعریف و فراخوانی
• 24. محدوده متغیرها (Scope) در JavaScript
• 25. کار با آرایه‌ها (Arrays) در JavaScript
• 26. کار با اشیاء (Objects) در JavaScript
• 27. مقدمه ای بر DOM (Document Object Model)
• 28. دسترسی به عناصر HTML با JavaScript
• 29. تغییر محتوا و استایل عناصر با JavaScript
• 30. مدیریت رویدادها (Events) در JavaScript
• 31. ایجاد عناصر جدید و حذف عناصر موجود
• 32. نکات امنیتی در JavaScript سمت کاربر
• 33. مقدمه ای بر ساخت وب‌سایت شخصی
• 34. تعیین اهداف وب‌سایت شخصی
• 35. انتخاب ساختار مناسب برای وب‌سایت شخصی
• 36. طراحی اولیه و وایرفریمینگ (Wireframing)
• 37. انتخاب ابزارها و فناوری‌های مناسب
• 38. شروع پروژه: تنظیمات اولیه
• 39. پیاده‌سازی صفحه اصلی با HTML
• 40. استایل‌دهی صفحه اصلی با CSS
• 41. افزودن بخش معرفی من (About Me)
• 42. طراحی صفحه رزومه (Resume)
• 43. نمایش پروژه‌های قبلی (Portfolio Section)
• 44. ایجاد صفحه تماس با ما (Contact Page)
• 45. پیاده‌سازی فرم تماس با استفاده از HTML و CSS
• 46. اضافه کردن اعتبارسنجی اولیه فرم با JavaScript
• 47. بهبود طراحی با استفاده از اصول UI/UX
• 48. استفاده از فونت‌های وب (Web Fonts)
• 49. بهینه‌سازی تصاویر برای وب
• 50. نکات مربوط به دسترسی‌پذیری (Accessibility)
• 51. تست وب‌سایت در مرورگرهای مختلف
• 52. رفع اشکالات (Debugging) در HTML, CSS, JavaScript
• 53. مقدمه ای بر Git و GitHub برای مدیریت نسخه
• 54. نصب Git و تنظیمات اولیه
• 55. دستورات پایه Git: init, add, commit
• 56. کار با شاخه‌ها (Branches) در Git
• 57. ادغام شاخه‌ها (Merge)
• 58. کار با GitHub: ایجاد مخزن (Repository)
• 59. ارسال کد به GitHub (Push)
• 60. دریافت کد از GitHub (Pull)
• 61. مدیریت پروژه‌های مشترک با Git و GitHub
• 62. استفاده از Git برای پشتیبان‌گیری از کد
• 63. مقدمه ای بر مفاهیم اولیه طراحی رابط کاربری (UI)
• 64. اصول زیبایی‌شناسی در طراحی وب
• 65. کاربرد رنگ‌ها در طراحی وب
• 66. انتخاب پالت رنگی مناسب
• 67. اصول چیدمان و فضای سفید
• 68. خوانایی و تایپوگرافی در طراحی وب
• 69. مقدمه ای بر مفاهیم اولیه تجربه کاربری (UX)
• 70. شناخت مخاطب هدف
• 71. نقشه‌راه کاربر (User Journey)
• 72. طراحی جریان کاربری (User Flow)
• 73. تست کاربردپذیری (Usability Testing)
• 74. اصول سادگی و وضوح در طراحی
• 75. بهبود سرعت بارگذاری صفحات وب
• 76. استفاده از CDN (Content Delivery Network)
• 77. مقدمه ای بر سئو (SEO) برای وب‌سایت شخصی
• 78. کلمات کلیدی مناسب برای وب‌سایت شخصی
• 79. بهینه‌سازی تگ‌های عنوان و توضیحات
• 80. ساختار لینک‌های داخلی (Internal Linking)
• 81. اهمیت محتوای با کیفیت
• 82. مقدمه ای بر استقرار (Deployment) وب‌سایت
• 83. انتخاب سرویس میزبانی (Hosting) مناسب
• 84. آشنایی با مفاهیم دامین (Domain Name)
• 85. تنظیمات DNS
• 86. بارگذاری فایل‌های وب‌سایت روی سرور
• 87. اتصال دامین به هاست
• 88. تست نهایی وب‌سایت پس از استقرار
• 89. نگهداری و به‌روزرسانی وب‌سایت
• 90. جمع‌بندی و گام‌های بعدی در توسعه وب
• 91. پیشرفت در یادگیری HTML, CSS, JavaScript
• 92. آشنایی با فریم‌ورک‌ها و کتابخانه‌های پرکاربرد
• 93. گسترش مهارت‌های طراحی وب
• 94. بازنگری و بهبود وب‌سایت شخصی