تخطي للذهاب إلى المحتوى
الرئيسية └دورة في JavaScript Frameworks
دورة في JavaScript Frameworks

دورة في JavaScript Frameworks

نظرة عامة:

تركز هذه الدورة على تعلم أساسيات العمل مع أشهر أطر JavaScript مثل React.js وVue.js وAngular. تهدف الدورة إلى تمكين المتدرب من بناء واجهات مستخدم تفاعلية باستخدام تقنيات حديثة ومعايير تطوير معتمدة في سوق العمل.

أهداف الدورة:

  • التعرف على مفهوم JavaScript Frameworks وأهميتها في تطوير الويب الحديث.

  • تعلم كيفية إنشاء مشاريع باستخدام React.js وVue.js وAngular.

  • تعلم أساسيات إدارة الحالة، التوجيه (Routing)، واستهلاك واجهات برمجة التطبيقات (APIs) عبر هذه الأطر.

  • بناء مشاريع تطبيقية متكاملة باستخدام أحد الأطر التي تم تعلمها.

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

  • معرفة جيدة بأساسيات JavaScript.

  • إلمام بـ HTML وCSS.

  • جهاز كمبيوتر مثبت عليه محرر أكواد مثل Visual Studio Code.

  • اتصال بالإنترنت لتحميل المكتبات والأطر.

محتويات الدورة:

الجزء الأول: أساسيات JavaScript Frameworks

  • تعريف الأطر والمكتبات وأهم الفروقات بينها.

  • إعداد بيئة العمل باستخدام Node.js وnpm.

الجزء الثاني: React.js

  • مفاهيم أساسية: Components, Props, State.

  • التوجيه باستخدام React Router.

  • إدارة الحالة باستخدام Context API.

  • مشروع React بسيط.

الجزء الثالث: Vue.js

  • أساسيات Vue: التركيب (Syntax)، البيانات، الأحداث.

  • التوجيه وإدارة الحالة باستخدام Vue Router وVuex.

  • مشروع Vue بسيط.

الجزء الرابع: Angular (مقدمة مختصرة)

  • التعرف على Angular ومزاياه الأساسية.

  • إنشاء مشروع بسيط باستخدام Angular CLI.

الجزء الخامس: مشروع نهائي واختبار شامل

عدد الدروس:

14 درسًا رئيسيًا مقسمة على أربعة أجزاء

استعراض عناوين الاقسام:

  1. ما هي JavaScript Frameworks ولماذا نستخدمها؟

  2. إعداد بيئة العمل (Node.js، npm، محررات الأكواد)

  3. مقدمة في React: المفاهيم الأساسية

  4. بناء Components واستخدام Props وState في React

  5. التوجيه في React باستخدام React Router

  6. إدارة الحالة في React باستخدام Context API

  7. مشروع React عملي

  8. مقدمة في Vue.js: المفاهيم الأساسية

  9. Vue Components وربط البيانات (Data Binding)

  10. التوجيه في Vue باستخدام Vue Router

  11. إدارة الحالة في Vue باستخدام Vuex

  12. مشروع Vue عملي

  13. مقدمة مختصرة حول Angular

  14. المشروع النهائي + اختبار

عدد المقاطع المرئية:

من 35 إلى 40 مقطع مرئي

عدد ساعات الدورة:

من 9 إلى 11 ساعة تدريبية تقريبًا


معلومات المدرب

      ali alkurdi

 14 قسم    0 طالب

مدرب صاحب خبرة وممارسة عميقة لعدة أعوام في تصميم وتقديم برامج تدريب وتطوير عالمية المستوى ويتم تطويرها وتحديثها باستمرار


قم بتجربة حقيقية للدورة مجاناً

الدورة مقفلة
إنهاء دورة في  Java Script لإلغاء القفل أو تسجيل الدخول لطلب صلاحية الوصول
المسؤول hyrmas.institute
آخر تحديث 14/07/2025
وقت الإكمال 5 ساعات 19 دقيقة
الأعضاء 35
  • مقدمة
    40الدروس · 5 س 19 د
    • المقارنة الشاملة بين Angular و React.js و Vue.js
    • Learn Vue.js In Arabic #01 - Intro And What Is Vue.js ?
    • Learn Vue.js In Arabic #02 - Setup Environment and Prepare Tools
    • Learn Vue.js In Arabic #03 - What Is Single Page Application?
    • Learn Vue.js In Arabic #04 - Create The Vue Instance
    • Learn Vue.js In Arabic #05 - Data Types Testing Examples
    • Learn Vue.js In Arabic #06 - Methods Examples
    • Learn Vue.js In Arabic #07 - Directives - v-text | v-html
    • Learn Vue.js In Arabic #08 - Directives - v-for
    • Learn Vue.js In Arabic #09 - Directives - v-if | v-else-if | v-else
    • Learn Vue.js In Arabic #10 - Directives - v-show | v-once
    • Learn Vue.js In Arabic #11 - Directives - v-bind | v-on
    • Learn Vue.js In Arabic #12 - Directives - v-model
    • Learn Vue.js In Arabic #13 - Create Basic Components
    • Learn Vue.js In Arabic #14 - Passing Data To Components
    • Learn Vue.js In Arabic #15 - Global Vs Local Components
    • Learn Vue.js In Arabic #16 - Computed Properties Part 1
    • Learn Vue.js In Arabic #17 - Computed Properties Part 2
    • Learn Vue.js In Arabic #18 - Computed Properties Part 3 Validation Practice
    • Learn Vue.js In Arabic #19 - Watch Part 1 Currency Converter
    • Learn Vue.js In Arabic #20 - Watch Part 2 Convert Time Units
    • Learn Vue.js In Arabic #21 - Setup and Configure Vue CLI Part 1
    • Learn Vue.js In Arabic #22 - Setup and Configure Vue CLI Part 2
    • Learn Vue.js In Arabic #23 - CLI Commands And Package.json
    • Learn Vue.js In Arabic #24 - Structure Explain and Using Vue UI
    • Learn Vue.js In Arabic #25 - Important Informations and Extensions
    • Learn Vue.js In Arabic #26 - Everything About Single File Components
    • Learn Vue.js In Arabic #27 - Create Header & Learn About Routes Part 1
    • Learn Vue.js In Arabic #28 - Create Header & Learn About Routes Part 2
    • Learn Vue.js In Arabic #29 - Create Header & Learn About Routes Part 3
    • Learn Vue.js In Arabic #30 - Add New Package And Component Data
    • Learn Vue.js In Arabic #31 - Adding Bootstrap And Dependencies
    • Learn Vue.js In Arabic #32 - Creating The Blog Component and Structure
    • Learn Vue.js In Arabic #33 - Create Post Structure And Design
    • Learn Vue.js In Arabic #34 - Create Json Object And Talk About APIs
    • Learn Vue.js In Arabic #34 - Create Json Object And Talk About APIs
    • Learn Vue.js In Arabic #36 - Filters With Examples Part 1
    • Learn Vue.js In Arabic #37 - Filters With Examples Part 2
    • Learn Vue.js In Arabic #38 - Create Custom Directives Part One
    • Learn Vue.js In Arabic #39 - Create Custom Directives Part Two