اپلیکیشن اندرویدی فلش‌کارت آموزشی آموزش جامع HTML و CSS برای طراحی حرفه‌ای وب‌سایت

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

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

عنوان دوره: دوره آموزش جامع HTML و CSS برای طراحی حرفه‌ای وب‌سایت

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

موضوع میانی: طراحی و توسعه وب‌سایت

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

• 1. مقدمه ای بر توسعه وب و HTML
• 2. آشنایی با ساختار کلی صفحات وب
• 3. اولین کد HTML: ساختار پایه
• 4. عناصر اصلی HTML: هدینگ ها و پاراگراف ها
• 5. لینک ها و ناوبری در صفحات وب
• 6. تصاویر در HTML: افزودن محتوای بصری
• 7. لیست ها: سازماندهی اطلاعات
• 8. جداول: نمایش داده های جدولی
• 9. فرم ها: جمع آوری اطلاعات از کاربران
• 10. عناصر فرم: ورودی های متنی و دکمه ها
• 11. انتخابگرها در CSS: هدف قرار دادن عناصر HTML
• 12. قواعد CSS: رنگ، فونت و پس زمینه
• 13. مدل جعبه در CSS: حاشیه، padding و border
• 14. اندازه بندی عناصر: width و height
• 15. نمایش عناصر: display و position
• 16. فلوتینگ و چیدمان عناصر
• 17. CSS Flexbox: چیدمان انعطاف پذیر
• 18. CSS Grid: چیدمان شبکه ای قدرتمند
• 19. استایل دهی به لینک ها و دکمه ها
• 20. استایل دهی به فرم ها و ورودی ها
• 21. انتقال ها (Transitions) در CSS
• 22. انیمیشن ها (Animations) در CSS
• 23. طراحی واکنش گرا (Responsive Design)
• 24. مدیا کوئری ها: تطبیق با دستگاه های مختلف
• 25. استفاده از فونت های سفارشی
• 26. استایل دهی به جداول پیشرفته
• 27. استایل دهی به لیست های سفارشی
• 28. افزودن آیکون ها به صفحات وب
• 29. بهینه سازی تصاویر برای وب
• 30. ساختار معنایی HTML5
• 31. عناصر معنایی HTML5: header, nav, main, footer
• 32. عناصر معنایی HTML5: article, section, aside
• 33. عناصر معنایی HTML5: figure, figcaption
• 34. استفاده از SVG در HTML
• 35. آشنایی با مفهوم Accessibility در وب
• 36. استایل دهی برای دسترسی پذیری
• 37. بهینه سازی سرعت بارگذاری صفحات
• 38. فشرده سازی CSS و JavaScript
• 39. استفاده از پیش پردازنده های CSS (Sass/Less)
• 40. مفاهیم پایه Sass/Less
• 41. متغیرها در Sass/Less
• 42. تودرتویی (Nesting) در Sass/Less
• 43. میکسین ها (Mixins) در Sass/Less
• 44. وراثت (Inheritance) در Sass/Less
• 45. کار با فرمت های تصویری مدرن (WebP)
• 46. افزودن ویدئو به صفحات وب
• 47. عناصر صوتی در HTML5
• 48. استفاده از Canvas برای گرافیک
• 49. مفاهیم پایه JavaScript برای تعامل
• 50. افزودن تعامل به صفحات با JavaScript
• 51. مدیریت رویدادها در JavaScript
• 52. دستکاری DOM با JavaScript
• 53. مفاهیم پایه پایگاه داده برای وب
• 54. آشنایی با مفاهیم پایگاه داده رابطه‌ای
• 55. مقدمه ای بر SQL
• 56. کوئری های پایه SQL: SELECT, FROM, WHERE
• 57. کوئری های SQL: INSERT, UPDATE, DELETE
• 58. آشنایی با مفاهیم پایگاه داده NoSQL
• 59. کاربرد پایگاه داده ها در توسعه وب
• 60. مفاهیم RESTful API
• 61. اصول طراحی API
• 62. ارتباط با API از طریق JavaScript
• 63. آشنایی با چارچوب های توسعه Front-end (React, Vue, Angular)
• 64. نصب و راه اندازی یک چارچوب Front-end (مثال)
• 65. مفاهیم پایه چارچوب Front-end
• 66. ساخت کامپوننت ها
• 67. مدیریت وضعیت (State Management)
• 68. مفاهیم پایه توسعه Back-end
• 69. آشنایی با زبان های برنامه نویسی Back-end (Node.js, Python, PHP)
• 70. مقدمه ای بر Node.js
• 71. ساخت یک سرور ساده با Node.js
• 72. مفاهیم Express.js
• 73. طراحی و پیاده سازی مسیرها (Routes)
• 74. مدیریت درخواست ها و پاسخ ها
• 75. آشنایی با مفاهیم وب سرویس
• 76. توسعه وب سرویس های RESTful
• 77. امنیت در توسعه وب
• 78. مقدمه ای بر حملات رایج وب (XSS, CSRF)
• 79. روش های پیشگیری از حملات وب
• 80. احراز هویت و مجوزدهی (Authentication & Authorization)
• 81. استفاده از توکن ها (JWT)
• 82. مفاهیم SSL/TLS و HTTPS
• 83. اصول توسعه وب امن
• 84. آشنایی با ابزارهای توسعه دهنده مرورگر
• 85. استفاده از Console برای اشکال زدایی
• 86. بررسی عناصر و استایل ها در مرورگر
• 87. تنظیم پروفایل های توسعه دهنده
• 88. آشنایی با ابزارهای کنترل نسخه (Git)
• 89. نصب و راه اندازی Git
• 90. دستورات پایه Git: init, add, commit
• 91. کار با مخازن راه دور (GitHub, GitLab)
• 92. دستورات Git: push, pull, fetch
• 93. مدیریت شاخه ها (Branches) در Git
• 94. ادغام شاخه ها (Merging) در Git
• 95. حل تعارضات (Conflicts) در Git
• 96. اصول توسعه وب حرفه ای
• 97. مستندسازی کد
• 98. تست نویسی (Unit Testing, Integration Testing)
• 99. استقرار (Deployment) وب سایت
• 100. مفاهیم CI/CD (Continuous Integration/Continuous Deployment)