عن الكورس
يتعلم الطالب بناء صفحات الويب وتنسيقها من خلال HTML وCSS، ثم ينتقل إلى المفاهيم المتقدمة والتصميم المتجاوب باستخدام Bootstrap وأدوات CSS الحديثة. بعد ذلك يتعلم JavaScript من الأساسيات إلى DOM وBOM والمفاهيم المتقدمة.
ينتقل الطالب بعدها إلى Vue.js لبناء تطبيقات Front-End حديثة، مع التعرف على فكرة الـ Frameworks المختلفة والفرق بينها، ثم يطبق ما تعلمه في Workshops ومشاريع عملية، ويتعلم Git وGitHub وطرق نشر المواقع والتعامل مع Domain وHosting، بالإضافة إلى استخدام أدوات الذكاء الاصطناعي في تطوير الويب.
موضوعات الكورس
HTML & CSS Fundamentals
- HTML5 وبناء هيكل صفحات الويب.
- Semantic HTML.
- Forms, Tables, Links & Images.
- CSS Selectors.
- Colors, Fonts & Typography.
- Box Model.
- Position & Display.
Advanced HTML & CSS
- Flexbox.
- CSS Grid.
- Advanced Layouts.
- Transitions & Animations.
- Pseudo Classes & Elements.
- CSS Variables.
- Advanced Forms.
- تنظيم وإعادة استخدام CSS.
- مقدمة إلى Sass.
Responsive Design
- مفهوم CSS Frameworks.
- Bootstrap.
- Grid System.
- Components & Utilities.
- Responsive Design.
- Media Queries.
- Mobile First.
- التعامل مع مختلف أحجام الشاشات.
- مقدمة إلى Tailwind CSS.
- بناء واجهات Responsive باستخدام CSS Frameworks.
JavaScript Fundamentals
- JavaScript Syntax.
- Variables & Data Types.
- Operators.
- Conditions.
- Loops.
- Functions.
- Arrays.
- Objects.
- Strings.
- Methods.
DOM, BOM & Advanced JavaScript
- DOM.
- Selecting & Manipulating Elements.
- Events.
- Forms & Validation.
- Dynamic Content.
- BOM.
- Browser APIs.
- Local Storage.
- JSON.
- ES6+.
- Destructuring.
- Spread & Rest.
- Arrow Functions.
- Modules.
- Promises.
- Async / Await.
- Fetch API.
- التعامل مع APIs.
Vue.js & Front-End Frameworks
- مقدمة إلى Frameworks ولماذا نستخدمها.
- Vue.js.
- Components.
- Data Binding.
- Directives.
- Events.
- Props.
- Component Communication.
- Forms.
- Routing.
- API Integration.
- تنظيم وإعادة استخدام Components.
- الفرق بين Library وFramework.
- التعرف على أشهر Front-End Frameworks مثل React وAngular ومقارنة استخدامها بشكل مبسط.
Workshops, Projects & Deployment
- Workshops & Projects
- تطبيق عملي على كل المهارات السابقة.
- بناء مشاريع متنوعة.
- تحليل فكرة المشروع وتخطيطه.
- تطوير المشروع واختباره.
- تحسين الـ UI وتجربة المستخدم.
- تجهيز المشاريع للـ Portfolio.
- Git & GitHub
- Git Basics.
- Repositories.
- Commits.
- Branches بشكل مبسط.
- GitHub.
- رفع وإدارة المشاريع.
- Domain & Hosting
- مفهوم Domain وHosting.
- رفع المواقع على Hosting.
- ربط Domain بالموقع.
- نشر المشاريع على الإنترنت.
- أساسيات إدارة الموقع المنشور.
- AI Tools for Developers
- التعرف على أدوات الذكاء الاصطناعي المستخدمة في تطوير الويب.
- استخدام AI للمساعدة في كتابة وتحسين الكود.
- Debugging باستخدام AI.
- توليد الأفكار والمكونات.
- استخدام AI بطريقة تساعد الطالب على الفهم وليس الاعتماد الكامل عليه.
- المشروع النهائي — Portfolio
- في نهاية الدبلومة ينفذ الطالب Portfolio Website خاصًا به، يجمع فيه مشاريعه ومهاراته ويتم رفعه على هوست الأكاديمية
56
محاضرات
سعر الكورس كامل
8,400 ج.م
سجّل الآن
- محاضرات أونلاين مباشرة عبر Zoom
- شهادة معتمدة من STEM.org
- مدربون متخصصون وخبراء
- مشاريع عملية وتطبيقية
- دعم فني ومتابعة مستمرة