اپلیکیشن اندرویدی فلشکارت آموزشی آموزش طراحی وبسایتهای واکنشگرا با زبانهای مختلف
🎓 دوره آموزشی جامع
📚 اطلاعات دوره
عنوان دوره: دوره آموزش طراحی وبسایتهای واکنشگرا با زبانهای مختلف
موضوع کلی: برنامه نویسی
موضوع میانی: زبانهای برنامهنویسی**
📋 سرفصلهای دوره
- 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) برای توسعهدهندگان
این اپلیکیشن فارسی برای یادگیری و مرور محتوای آموزشی از طریق فلشکارت طراحی شده است. کارتها را یکییکی مرور کنید، پاسخ پرسشها را به یاد بیاورید و نتیجه هر پاسخ را ثبت کنید. محتوای دوره پس از نصب درون برنامه در دسترس است تا برای مطالعه روزمره معمولاً به اتصال مداوم اینترنت نیاز نداشته باشید.
محتوای آموزشی در قالبهای متنوع ارائه میشود تا هم برای یادگیری مفاهیم جدید و هم برای تثبیت آموختهها قابل استفاده باشد.
- رابط کاربری فارسی و راستچین با فونت وزیر.
- تم روشن و تیره مطابق تنظیمات سیستم.
- صفحهبندی ساده برای انتخاب دوره و شروع مرور.
- نمایش تعداد دفعات مرور هر فصل.
- انتخاب چند فصل برای مرور همزمان.
- امکان تمرکز بر فصلهایی که هنوز مرور نشدهاند.
این اپلیکیشن برای دانشآموزان، دانشجویان، داوطلبان آزمونها و علاقهمندان به یادگیری طراحی شده است؛ بهویژه کسانی که میخواهند مطالب آموزشی را در زمانهای کوتاه مرور کنند، دانستههای خود را بسنجند و مطالعه منظمتری داشته باشند.
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.