برمجة المواقع والتطبيقات باستخدام أنجولار
احترف إنشاء تطبيق وموقع ومشاركة البيانات
ماذا ستتعلم؟
- تعلم أساسيات أنجولار وإعداد بيئة العمل
- فهم أساسيات TypeScript والتعامل معها
- إنشاء تطبيقات عملية مثل MyBlog وSportsStore
- فهم المكونات الأساسية لبنية المشاريع
- تطبيق تقنيات مشاركة البيانات بين التطبيقات
- احتراف إنشاء موقع وتطبيق باستخدام أنجولار
عن الدورة
هذا الكورس الشامل يهدف إلى تعليمك تطوير تطبيقات ويب باستخدام أنجولار. ستتعلم خلال الكورس كيفية إنشاء مشاريع باستخدام أنجولار، التعامل مع تايب سكريبت، وفهم المكونات الأساسية. كما ستقوم بتطوير عدة مشاريع عملية مثل تطبيق MyBlog وSportsStore لتطبيق ما تعلمته. بنهاية الكورس، ستكون قادرًا على بناء تطبيقات ويب متقدمة باستخدام أنجولار.
نتائج متوقعة من الدورة
- إنشاء تطبيقات ويب متقدمة باستخدام أنجولار.
- فهم عميق للمكونات وطرق الربط بينها.
- إتقان تايب سكريبت واستخدامها داخل مشاريع أنجولار.
- تطوير تطبيقات عملية قابلة للتوسع.
محتوى الدورة
1مقدمة عن Angular
7 درس
- مقدمة الدورة8:03
- متطلبات الدورة2:27
- ما هو Angular؟11:11
- تثبيت الأدوات8:27
- تثبيت الإضافات8:18
- إنشاء أول مشروع8:04
- شرح تنظيم الملفات داخل المشروع26:13
2نظرة سريعة على لغة TypeScript
4 درس
- مقدمة عن TypeScript5:32
- فهم أساسيات وتوضيح ترجمة ملفات TypeScript12:24
- حل مشاكل الـ Compiler7:36
- ترتيب أنواع البيانات10:52
3مشروع MyBlog
8 درس
- ما هو الـ Component؟8:55
- إنشاء وتكوين الموديول وبداخله Header Component20:10
- إنشاء وتكوين Footer Component15:14
- إنشاء وتكوين Contact Component9:53
- الانتقال إلى Contact Component8:30
- الانتقال إلى Article Component12:53
- إضافة محتوى Article Template6:52
- لينك MyBlog
4التعامل مع الإجزاء الرئيسية Component
5 درس
- إنشاء Calculator Component11:34
- التعامل مع Calculator Template28:01
- إضافة اللوجيك والوظائف إلى Calculator Component25:36
- إضافة المشروع الثاني إلى Article Template9:40
- لينك Calculator
5التعامل مع Data Model _ Angular Material
10 درس
- مقدمة (التعامل مع Data Model _ Angular Material)5:21
- تكوين الـ Data Models19:16
- التعامل واستخدام الـ Data Models14:56
- تثبيت وتهيئة الـ Angular Material13:44
- استخدام الـ Material Toolbar8:54
- عرض البيانات من خلال الـ Material Table17:24
- التحكم من خلال الـ Material Checkbox6:43
- إضاقة بيانات جديدة من خلال الـ Material Form13:31
- التحكم في عرض البيانات Material Slide Toggle6:53
- لينك ToDo
6المرحلة الأولى من المشروع النهائي SportsStore
10 درس
- مقدمة المرحلة الأولى5:34
- إنشاء وتهيئة المشروع النهائي10:31
- تهيئة الباك إند للمشروع من خلال الـ Json-Srever20:24
- تنظيم الملفات للمشروع وتشغيل سيرفر الباك إند9:16
- إنشاء وتكوين كل الـ Data Models35:20
- إنشاء وتكوين الـ Model Module5:05
- إنشاء وتكوين الـ Store Component14:32
- عرض كل الـ Products9:10
- التحكم في عرض المنتجات من خلال الـ Categories24:29
- إعادة تهيئة الكود من خلال الـ Custom Directive10:59
7المرحلة الثانية من المشروع النهائي SportsStore
8 درس
- مقدمة المرحلة الثانية3:59
- إنشاء وتكوين الـ Cart Model22:47
- إنشاء وتكوين الـ Cart Summary15:52
- إضافة واستخدام الانتقال من خلال الـ Routing15:26
- إنشاء وتكوين إحدى مميزات الانتقال Store First Guard12:19
- إضافة المنتجات المختارة للشراء من خلال الـ Cart Detail25:42
- اتمام عملية الشراء من خلال الـ Checkout36:29
- ربط المشروع بالباك إند وعرض البيانات15:06
8المرحلة الأخيرة من المشروع النهائي SportsStore
10 درس
- مقدمة المرحلة الأخيرة8:41
- إنشاء وتكوين وربط Auth and Admin Components25:34
- تكوين وتطبيق المصادقة أثناء تسجيل الدخول Authentication22:31
- إضافة جميع الوظائف للتعامل مع الطلبات والمنتجات للـ Admin24:24
- الخطوة الأولى لتكوين عناصر الـ Admin35:57
- الخطوة الثانية عرض المنتجات للـ Admin28:01
- تعديل وإضافة منتجات جديدة بالنسبة للـ Admin24:21
- الخطوة الثالثة عرض كل طلبات الشراء للـ Admin30:19
- الخطوة الأخيرة فى المشروع13:17
- لينك المشروع النهائى
المحاضر
م/عمرو عبد الفتاح
3,169 متعلم20 دورة
