[MUSIC]
مرحبا بكم في هذه الدورة التدريبية على أطر جافا سكريبت الأمامية: Angular.
هذه هي الدورة الثانية في التخصص على شبكة الإنترنت المكدس الكامل
وتطبيقات الهاتف المحمول متعددة المنصات.
يتعامل هذا المساق مع أطر جافا سكريبت، الزاوي على وجه الخصوص.
يجب أن تتساءل، هل هو Angular اثنين، أم أنه Angular؟
سنوضح ذلك في الدرس الأول حول مقدمة Angular
في هذه الدورة.
أنا سعيد لأنك قررت الانضمام إلى هذه الدورة.
وآمل أن يكون لديك متعة الذهاب من خلال هذه الدورة.
قبل الشروع في هذه الدورة التدريبية،
أريد التأكد من أن لديك معرفة كافية بـ HTML و CSS.
وأيضا معرفة جيدة للعمل من جافا سكريبت، وخاصة ES 5 جافا سكريبت.
الآن، هذه الدورة سوف نستخدم Typescript كلغة
لكتابة تطبيقاتنا الزاوي.
الآن إذا كنت تتساءل هل يجب أن أعرف Typescript
ويجب أن أعرف ES 2015+، الإصدار الأحدث من JavaScript؟
حسناً، المسافة المقطوعة قد تختلف
نهجي لتعلم هذه اللغات الجديدة هو استخدامها
ومن ثم التعلم على طول الطريق.
لذلك هذا ما سنفعله في هذه الدورة.
لن أعرض عليك صراحة Typescript على وجه التحديد في هذه الدورة.
ولكن بدلاً من ذلك عندما نكتب الشفرة، سأوضح
الميزات المختلفة لـ Typescript في سياق Angular أثناء تطوير
تطبيق Angular، في التمارين كجزء من هذه الدورة.
نقطة أخرى أود بشدة توضيحها في هذه المرحلة
هي أنني أنظر إلى تطوير وتصميم الويب كجزأين.
الجزء الأول هو تصميم الويب نفسه، تجربة المستخدم أو تصميم
الجحيم المستخدم، التصميم المرئي، النماذج الأولية، الألوان،
الرسومات والرسوم المتحركة.
وجميع تلك الجوانب لكيفية
تصميم موقع الويب أو حتى تطبيق الهاتف المتحرك.
الآن هناك الجانب الآخر الذي هو بناء
ونشر تطبيقات الويب والتطبيقات النقالة.
الآن في هذه الدورة، سوف نركز أكثر على بناء
ونشر تطبيقات الويب.
إذا كنت تبحث عن جانب التصميم لتصميم المواقع وتطويرها،
فهذا ليس هو المسار المناسب لك.
عندما أتحدث عن نشر وبناء
وتطوير تطبيقات الويب، فإننا نتحدث عن مهارات التعلم
الضرورية لترجمة التصميم إلى رمز عمل.
حتى هنا، في هذا التخصص، تعلمنا بالفعل عن Bootstrap 4.
في هذه الدورة، سوف نتعرف على الزاوي.
ثم سنتعرف على الأيونية و NativeScript.
ثم أيضا تطوير جانب الخادم باستخدام عقدة و عقدة النظام البيئي.
لذلك هذا هو تركيز هذه الدورة بالذات.
لذلك نحن نتحدث عن الترميز الحقيقي، بدلا من تصميم الموقع.
السؤال الآخر الذي سينشأ في عقلك هو ما هو بالضبط
تطوير الويب المكدس الكامل؟
إذا كنت قد أخذت بالفعل الدورة السابقة،
لقد قدمت لك لتطوير شبكة الإنترنت كومة كاملة.
إذا لم تقم بذلك، فإن الدرس الأول في هذه
الدورة سيكون مقدمة سريعة لتطوير الويب الكامل.
وسوف نضع هذه الدورة في سياق تطوير شبكة الإنترنت المكدس الكامل.
لذلك هذا هو السبب في الدورة الأولى غطينا Bootstrap 4،
في هذه الدورة سوف نركز على Angular.
ثم في الدورة التالية، وسوف ننظر في الأيونية و كوردوفا
للقيام تضاعفت لتطوير المحمول.
ثم سنلقي نظرة على NativeScript في الدورة الرابعة.
ثم أخيرًا، سنلقي نظرة على تطوير جانب الخادم،
بما في ذلك القيام بطبقة منطق الأعمال باستخدام النظام البيئي للعقدة.
وطبقة تخزين البيانات باستخدام MongoDB في هذا التخصص.
تركز هذه الدورة المحددة، كما تتوقع، على Angular.
سيتم تعريفك على الجوانب المختلفة للإطار الزاوي من خلال
مجموعة من التمارين التي تبني على بعضها البعض.
لذلك هو سلسلة من التمارين حيث سأعرض مفاهيم الزاوي المختلفة.
ثم تظهر لك على الفور كيف نطبق هذه المفاهيم في
سياق تطبيق Angular الذي سنقوم بتطويره طوال هذه الدورة.
الآن على طول الطريق، عندما قمنا بتصميم وجهات نظر Angular،
سنستخدم المادة Angular، للقيام بواجهة المستخدم الخاصة بمكونات Angular الخاصة بنا.
وسنقوم بالتخطيطات باستخدام Angular Flex-Layout في هذه الدورة.
سيكون البديل هو استخدام Bootstrap 4 الذي تعلمناه في وقت سابق.
لكنني أحسب أن هذه الدورة ستوفر لك أيضًا
فرصة لتعلم إطار واجهة المستخدم الأمامية آخر.
هذا هو مادة الزاوي و الزاوي فليكس-لايوت
للقيام بالضبط نفس الأشياء التي قمنا بها مع بوتستراب 4.
وبهذه الطريقة تتعلم طريقتين مختلفتين للاقتراب من تصميم واجهة المستخدم
باستخدام إما Bootstrap 4 أو استخدام مادة الزاوي بالإضافة إلى Angular Flex-Layout.
سنعرفك أيضًا على أساسيات TypeScript
من خلال التدريبات بينما نضاعف تطبيقنا Angular.
و ستنظم الدورة نفسها في أربع و حدات.
تم تصميم الوحدات الأربعة بحيث تتوافق مع أربعة أسابيع من هذه الدورة.
ولكن، بالطبع، اسمحوا لي أن أؤكد
لكم أنه ليس من الضروري أن تتعرض للضغط بسبب المواعيد النهائية التي لدينا في هذه الدورة.
يمكنك أن تأخذ وقتك الخاصة للذهاب من خلال الدورة.
من المهم أن نفهم كل جانب من جوانب Angular.
إذا كنت بحاجة إلى وقت إضافي، لا تتردد في الانتقال إلى الدورة التالية من هذه الدورة.
ومن ثم تابع.
سيتم نقل جميع الأعمال التي أنجزتها في جلسة واحدة تلقائيًا
إلى الدورة التالية من الدورة.
لذلك لا تدع المواعيد النهائية تضغط عليك في التسرع لإكمال هذه الدورة.
الآن، بعد أن أعطيت هذه الفكرة العامة،
دعونا ننظر إلى ما ستغطيه كل وحدة من الوحدات الأربع في هذه الدورة.
الوحدة الأولى سوف أعرض لكم كامل المكدس تطوير الويب،
والفكرة العامة وعرض الصورة الكبيرة.
بعد ذلك مباشرة، سنلقي نظرة عامة موجزة على Git و Node.
إذا كنت قد فعلت دورة Bootstrap 4 السابقة،
ثم كنت قد غطت هذين بالفعل في الدورة السابقة.
حتى ذلك الحين يمكنك تخطي بسرعة
إلى الدرس الأول الذي يقدم لك الزاوي، مقدمة إلى الزاوي.
بعد مقدمة الإطار الزاوي ثم إعداد
التطبيق الزاوي لدينا باستخدام المواد الزاوي و الزاوي فليكس-لايوت.
ثم سننتقل إلى دراسة المزيد عن المكونات الزاوي.
ما هو دور مكونات Angular في تصميم تطبيق Angular
وتصميم طرق العرض المختلفة التي سيتم دعمها في تطبيق Angular الخاص بك.
يجب أن يأخذك ذلك إلى أول مهمة في هذه الدورة.
تركز الوحدة الثانية على خدمات Angular،
والتوجيه، وتطبيقات الصفحة الواحدة.
ونحن ننظر في كيفية دعم ردود الفعل Angular الوصول إلى البيانات
وكيف يمكننا الاستفادة من الخدمات للوصول إلى البيانات.
علاوة على ذلك، كيف يمكننا الاستفادة من البيانات في تصميم
وجهات نظرنا لمكونات Angular المختلفة.
لذلك هذا هو المكان الذي يأتي فيه جانب ربط البيانات في الصورة.
ثم سنلقي نظرة على التوجيه الزاوي
وكيف يمكننا تنفيذ تطبيقات صفحة واحدة في Angular.
سأشرح لك ما هو تطبيق صفحة واحدة،
وبعد ذلك سننظر في كيفية تصميم واحد باستخدام إطار Angular.
وهذا سوف يأخذك كل الطريق إلى المهمة الثانية في هذه الدورة.
تركز الوحدة الثالثة على أشكال الزاوي.
ثم سنلقي نظرة على النماذج التفاعلية الزاوي
وأيضا كيف تعمل البرمجة الزاوي و التفاعلية معا.
وكيف يعزز Angular البرمجة التفاعلية
لتنفيذ أشكال مختلفة من الدعم داخل تطبيق Angular.
لذلك سننظر في النماذج المدفوعة بالقالب، ثم سنلقي نظرة على أشكال التفاعل الزاوي،
ثم سننظر في كيفية دعم Angular الوعود.
ثم نلقي نظرة موجزة على البرمجة التفاعلية في RxJS في
سياق كيفية استخدام Angular RxJs لدعم الميزات المختلفة داخل الإطار.
هذا سوف يأخذك كل الطريق إلى المهمة الثالثة في هذه الدورة.
الوحدة النهائية تبحث في اتصال العميل الخادم.
كيف يمكن للتطبيق Angular الخاص بك التواصل مع خادم
يوفر البيانات التي يمكن جلبها من جانب الخادم
ثم استخدامها لعرض طرق العرض داخل تطبيق Angular الخاص بك. في
المقابل، سننظر أيضًا في كيفية
عكس أي تغييرات تريد إجراؤها على البيانات مرة أخرى إلى جانب الخادم،
من تطبيق Angular الخاص بك.
سنلقي نظرة على Angular ووحدة HTTP داخل Angular.
سننظر في كيفية الاستفادة من واجهة برمجة تطبيقات REST
لتصميم تطبيق Angular الخاص بك،
وسنلقي نظرة أيضًا على الرسوم المتحركة والتوجيهات في Angular. على
وجه الخصوص، توجيهات السمة في Angular.
سننظر في توجيهات الهيكل في الوحدة الأولى.
سننظر في اختبار تطبيقات Angular لفترة وجيزة، ثم
ننظر في النهاية في كيفية بناء ونشر تطبيق Angular الخاص بنا على الخادم.
وهذا يجب أن يأخذك على طول الطريق إلى المهمة النهائية في هذه الدورة.
على طول الطريق، لدينا أيضا مسار الشرف بنيت في هذه الدورة.
إذا كنت ترغب في العمل على مشروعك الخاص باستخدام Angular،
فإن مسار الشرف يوفر لك الفرصة للعمل
على مشروعك الخاص ضمن هذه الدورة التدريبية الخاصة.
لذا ألق نظرة على مسار الشرف، وإذا كان ذلك يهمك، فيمكنك أيضًا متابعة
تطوير مشروع Angular الخاص بك في سياق هذه الدورة.
آمل أن تستمتع بالذهاب من خلال هذه الدورة وتعلم Angular.
الكلمة الأخيرة التي سأتركك معها هي التحلي بالصبر
الزاوي يتطلب الكثير من الصبر للتعلم.
سيكون هناك الكثير من المفاهيم
والتقنيات التي سوف تواجهها وأنت تذهب من خلال هذه الدورة.
من فضلك لا تسرع فقط لإكمال الدورة.
خذ وقتك الخاصة لفهم كل خطوة قبل الانتهاء من هذه الدورة.
آمل أن تستمتع بأخذ هذه الدورة
[ موسيقى]