الفئات: التكنولوجيا والتطوير

التكنولوجيا
التصميم
جافا سكريبت
الهدف 8: العمل اللائق ونمو الاقتصاد
الهدف 9: الصناعة والابتكار والهياكل الأساسية

ابنِ مدونتك الأولى باستخدام Vue.js

مدة الدورة: 2 ساعة 51 دقيقة / 43 درس

مستوى: عام

اللغة: العربية

ماذا ستتعلم

  • تعريف المقصود بـ Vue.js، وتحديد سبب استخدام Vue.js في بناء مدونتك الأولى؛ بالإضافة إلى تعلم المصطلحات الأساسية مثل Components، و Templates، و Directives.

  • تحديد كيف يمكن استخدام Vue.js من أجل بناء تطبيقات الويب التفاعلية والمميزة وبعد ذلك، سوف تتعلم كيفية تنفيذ تطبيق الصفحة الواحدة (SPA) من البداية وخطوة بخطوة.

  • تحديد المقصود ب Data Binding، و Computed Properties، و Methods؛ بالإضافة إلى تعلم كيفية بناء مدونة بسيطة بواجهة ديناميكية وسهلة الاستخدام باستخدام Vue.js.

هذه الدورة تتضمن

  • 2 ساعة 51 دقيقة/43 درس
  • آخر تحديث: 28/4/2023
  • شهادة إتمام الدورة

محتوى الدورة

دروس مجانية

1.

مقدمة إلى الدورة التدريبية

1 دقيقة
2.

تطبيق الصفحة الواحدة (SPA)

1 دقيقة
3.

لماذا نستخدم Vue.js؟

1 دقيقة
4.

التهيئة لإنشاء تطبيقك الأول

2 دقيقة
5.

إنشاء تطبيق Vue.js

6 دقيقة
1.

مقدمة إلى الدورة التدريبية

1 دقيقة
2.

تطبيق الصفحة الواحدة (SPA)

1 دقيقة
3.

لماذا نستخدم Vue.js؟

1 دقيقة
4.

التهيئة لإنشاء تطبيقك الأول

2 دقيقة
5.

إنشاء تطبيق Vue.js

6 دقيقة
6.

شرح ال Vue Instance

2 دقيقة
7.

شرح ال Data Binding

3 دقيقة
8.

شرح ال Computed Properties

4 دقيقة
9.

شرح ال Methods

2 دقيقة
10.

الفرق بين ال Methods وال Computed Properties

4 دقيقة
11.

شرح ال Watch في Vue.js

4 دقيقة
12.

شرح ال Lifecycle Hooks في Vue.js

2 دقيقة
13.

Created Lifecycle Hook

1 دقيقة
14.

Mounted Lifecycle Hook

1 دقيقة
15.

Destroyed Lifecycle Hook

3 دقيقة
16.

شرح ال Conditional Rendering في Vue

17.

أمثلة على ال Conditional Rendering في Vue

4 دقيقة
18.

أمثلة على V-show

2 دقيقة
19.

شرح ال List Rendering في Vue.js

20.

أمثلة على ال V-for

3 دقيقة
21.

تعديل Item في List معينة في Vue.js

3 دقيقة
22.

شرح ال Components في Vue

1 دقيقة
23.

إنشاء ال Component

3 دقيقة
24.

كيفية التواصل بين ال Components في Vue.js

5 دقيقة
25.

إنشاء مشروع

1 دقيقة
26.

إنشاء Home Banner

4 دقيقة
27.

إنشاء ال Post Card

9 دقيقة
28.

JSON

5 دقيقة
29.

عمل Data Binding لل Posts في Vue

8 دقيقة
30.

إنشاء Modal UI

6 دقيقة
31.

تحديث ال Modal Data

11 دقيقة
32.

شرح ال Vue Router

1 دقيقة
33.

إنشاء Router في Vue

2 دقيقة
34.

إنشاء أول Route

3 دقيقة
35.

كيفية استخدام ال Route Params

3 دقيقة
36.

كيفية استخدام ال Query Params

3 دقيقة
37.

شرح ال Router Methods

5 دقيقة
38.

تطبيق على ال Vue Router

10 دقيقة
39.

إنشاء صفحة إضافة المدونة باستخدام Vue

6 دقيقة
40.

الاتصال بال API

5 دقيقة
41.

إنشاء مكون تعديل المدونة

6 دقيقة
42.

إنشاء مكون حذف المدونة

4 دقيقة
43.

ملخص الدورة التدريبية

1 دقيقة

عن الدورة

Vue.js هو إطار عمل مبني على لغة JavaScript وهو مُوجه لمصممي الواجهات (Front-End Developers)، ويعد ضمن أُطر العمل الأكثر شعبية وانتشارًا؛ نظرًا لإمكانية عمل مواقع كاملة من صفحة واحدة من خلاله وبناء المدونات فضلًا عن سهولة الاستخدام، والتفاعلية، وتجربة المستخدم الممتازة التي يوفرها Vue.js. لذلك، تم إعداد هذه الدورة التدريبية لمساعدتك على الإلمام بـ Vue.js، والتعرف على آلية عمله، وإتقان المفاهيم والمصطلحات الأساسية، وتعلم كيفية استخدامه في بناء تطبيقات الويب التفاعلية.

متطلبات الدورة

لا توجد متطلبات لهذه الدورة. كل ما تحتاجه لتحقيق أقصى فائدة من هذه الدورة هو اهتمامك بموضوع الدورة ورغبتك في التعلم.

عن الخبير

هل تحتاج مساعدة؟