دوره آموزش طراحی وب‌سایت‌های واکنش‌گرا با زبان‌های مختلف همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش طراحی وب‌سایت‌های واکنش‌گرا با زبان‌های مختلف

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

موضوع میانی: زبان‌های برنامه‌نویسی**

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

• 1. مقدمه‌ای بر دنیای وب و اینترنت
• 2. آشنایی با مفاهیم Front-End، Back-End و Full-Stack
• 3. ابزارهای مورد نیاز یک توسعه‌دهنده وب
• 4. نصب و راه‌اندازی ویرایشگر کد (VS Code)
• 5. آشنایی با مرورگر و ابزارهای توسعه‌دهنده آن (DevTools)
• 6. پروتکل HTTP/HTTPS چگونه کار می‌کند؟
• 7. مفاهیم دامنه، هاست و DNS
• 8. ساختار یک پروژه وب‌سایت
• 9. آشنایی با مفاهیم UI و UX
• 10. اولین صفحه وب شما: Hello World!
• 11. مبانی HTML و ساختار یک سند
• 12. تگ‌های متنی و قالب‌بندی محتوا
• 13. کار با لینک‌ها و تصاویر
• 14. لیست‌ها: مرتب و نامرتب
• 15. جداول و کاربردهای آن
• 16. فرم‌ها و انواع ورودی‌ها
• 17. اعتبارسنجی فرم در سمت کلاینت با HTML5
• 18. تگ‌های معنایی (Semantic HTML5): header, footer, nav
• 19. تگ‌های section, article, aside
• 20. کار با صدا و ویدئو در HTML5
• 21. مقدمه‌ای بر CSS و روش‌های افزودن آن به HTML
• 22. انتخابگرها (Selectors): تگ، کلاس و شناسه
• 23. انتخابگرهای ترکیبی و پیشرفته
• 24. مفهوم وراثت و اولویت در CSS (Specificity)
• 25. کار با رنگ‌ها و پس‌زمینه‌ها
• 26. مدل جعبه‌ای (Box Model): margin, padding, border
• 27. واحدها در CSS: px, em, rem, % ,vh ,vw
• 28. تایپوگرافی و فونت‌های وب
• 29. ویژگی Display: block, inline, inline-block
• 30. موقعیت‌دهی (Positioning): static, relative, absolute, fixed
• 31. موقعیت‌دهی Sticky و کار با Z-index
• 32. شروع طراحی واکنش‌گرا (Responsive Design)
• 33. مفهوم Viewport و متا تگ آن
• 34. کار با Media Queries برای دستگاه‌های مختلف
• 35. Flexbox: مفاهیم پایه و خصوصیات Container
• 36. Flexbox: خصوصیات آیتم‌ها (Flex Items)
• 37. ساخت یک لایه‌بندی واکنش‌گرا با Flexbox
• 38. CSS Grid: مفاهیم پایه و تعریف گرید
• 39. CSS Grid: موقعیت‌دهی آیتم‌ها در گرید
• 40. ساخت یک لایه‌بندی پیچیده با CSS Grid
• 41. تصاویر واکنش‌گرا (Responsive Images)
• 42. شبه‌کلاس‌ها (Pseudo-classes) مانند :hover و :focus
• 43. شبه‌عناصر (Pseudo-elements) مانند ::before و ::after
• 44. Transition ها برای ایجاد انیمیشن‌های نرم
• 45. انیمیشن‌های پیچیده با Keyframes
• 46. استفاده از متغیرهای CSS (Custom Properties)
• 47. مقدمه‌ای بر جاوا اسکریپت و نقش آن در وب
• 48. افزودن جاوا اسکریپت به صفحه و کنسول مرورگر
• 49. متغیرها، ثابت‌ها و انواع داده
• 50. عملگرها در جاوا اسکریپت
• 51. ساختارهای شرطی: if, else, switch
• 52. حلقه‌ها: for, while, do-while
• 53. توابع و پارامترها
• 54. محدوده متغیرها (Scope): Global و Local
• 55. آرایه‌ها و متدهای کار با آن‌ها
• 56. اشیاء (Objects) و کار با آن‌ها
• 57. مقدمه‌ای بر DOM (Document Object Model)
• 58. انتخاب و دستکاری عناصر DOM
• 59. کار با رویدادها (Events): کلیک، کیبورد و ماوس
• 60. تغییر استایل عناصر با جاوا اسکریپت
• 61. ساخت و حذف عناصر DOM
• 62. کار با فرم‌ها و اعتبارسنجی با جاوا اسکریپت
• 63. مفاهیم مدرن جاوا اسکریپت (ES6+): let, const, Arrow Functions
• 64. Template Literals و Destructuring
• 65. کار با داده‌های JSON
• 66. برنامه نویسی ناهمزمان (Asynchronous): Callback, Promise
• 67. استفاده از Async/Await برای کدهای خواناتر
• 68. درخواست‌های شبکه با Fetch API
• 69. کار با Local Storage و Session Storage
• 70. مقدمه‌ای بر مدیریت نسخه با Git
• 71. دستورات اصلی Git: commit, push, pull
• 72. کار با GitHub/GitLab برای همکاری تیمی
• 73. مدیریت پکیج با NPM یا Yarn
• 74. مقدمه‌ای بر پیش‌پردازنده‌های CSS: Sass/SCSS
• 75. متغیرها و Mixinها در Sass
• 76. ابزارهای باندل‌سازی: Webpack یا Vite
• 77. مقدمه‌ای بر فریم‌ورک‌های جاوا اسکریپت (React, Vue, Angular)
• 78. مفاهیم API و RESTful API
• 79. چرا به Back-End نیاز داریم؟
• 80. معرفی Node.js و محیط اجرای آن
• 81. راه‌اندازی اولین سرور با Node.js
• 82. معرفی فریم‌ورک Express.js
• 83. مسیردهی (Routing) در Express
• 84. کار با Middleware در Express
• 85. مقدمه‌ای بر پایگاه‌های داده
• 86. تفاوت پایگاه‌های داده SQL و NoSQL
• 87. نصب و راه‌اندازی MySQL یا PostgreSQL
• 88. دستورات پایه SQL: SELECT, INSERT, UPDATE, DELETE
• 89. اتصال Node.js به پایگاه داده SQL
• 90. مقدمه‌ای بر پایگاه داده NoSQL (MongoDB)
• 91. ساخت یک REST API ساده: متدهای GET و POST
• 92. ساخت یک REST API ساده: متدهای PUT و DELETE
• 93. اعتبارسنجی ورودی‌های کاربر در سمت سرور
• 94. اتصال Front-End به Back-End API
• 95. مبانی امنیت وب: CORS, XSS, CSRF
• 96. مدیریت نشست‌ها (Sessions) و کوکی‌ها (Cookies)
• 97. رمزنگاری پسوردها و اصول اولیه احراز هویت
• 98. بهینه‌سازی عملکرد وب‌سایت: فشرده‌سازی فایل‌ها (Minification)
• 99. بهینه‌سازی عملکرد: بهینه‌سازی تصاویر و Caching
• 100. اصول اولیه سئو (SEO) برای توسعه‌دهندگان