شبكة تعلم مع ناو

خطوة بخطوة نحو الهدف

تيليجرام

مسار تعلم · تطوير الويب

جافاسكربت Full Stack

ستتعلم أساسيات جافاسكربت في هذا المسار كما أنك ستتعلم كيفية إنشاء موقع متكامل باستخدام تقنيات MERN STACK

  • 31 خطوة
  • 27 فيديو
  • المستوى: مبتدئ
  • يُحدَّث باستمرار
  • آخر تحديث: يونيو 2024
ابدأ المسار ←

خريطة المسار

  1. أساسيات جافاسكربت7 خطوات
  2. مواضيع متقدمة4 خطوات
  3. NodeJs7 خطوات
  4. Reactخطوة واحدة
  5. Material UI4 خطوات
  6. Express JS5 خطوات
  7. MongoDB3 خطوات
  8. أنهيت المسارأحسنت، وصلت إلى النهاية

قبل أن تبدأ

يمكنك تعلم جافاسكربت منذ الصفر حتى الاحتراف ببناء تطبيقات FULL STACK

مصادر المسار

خطوات المسار

تقدمك في المسار

0 من 31 خطوة

0%

ابدأ المسار ←

علّم كل خطوة تنهيها، بأي ترتيب. يُحفظ تقدمك في هذا المتصفح.

100 أساسيات جافاسكربت

7 خطوات

  1. 100 نظرة عامة على القسم رابط · فيديو · كود

    تعلم حول أساسيات جافاسكربت، Functions، Objects, classes و DOM.

  2. 102 دوال جافاسكربت رابط · فيديو · كود

    تعلم حول دوال جافاسكربت، anonymous functions, arrow functions, scopes, و closures.

  3. 103 JavaScript Arrays رابط · فيديو · كود

    تعلم حول JavaScript arrays, array helpers, spread operators, و array loops.

  4. 104 JavaScript Objects رابط · فيديو · كود

    تعلم حول JavaScript objects, displaying objects, data types, prototypes, و constructors.

  5. 105 المزيد حول دوال جافاسكربت رابط · فيديو · كود

    تعلم حول call, apply, و bind methods. وأيضاً تعلم حول let و const variable declaration.

  6. 106 JavaScript Classes رابط · فيديو · كود

    تعلم حول classes, getters, setters, static methods, inheritance, و the super keyword.

  7. 107 Document Object Model رابط · فيديو · كود

    تعلم حول DOM, getting elements, DOM nodes, creating elements, styling elements, و events.

200 مواضيع متقدمة

4 خطوات

  1. 200 نظرة عامة على القسم رابط · فيديو

    تعلم حول JavaScript promises, async functions, await keyword, و fetch API.

  2. 201 Promises رابط · فيديو

    تعلّم وتتدرب على استخدام Promises.

  3. 202 Async Functions رابط · فيديو

    تعلّم وتتدرب على استخدام async functions و the await keyword.

  4. 203 Fetch API رابط · فيديو

    تعلم أساسيات fetch API.

300 NodeJs

7 خطوات

  1. 300 نظرة عامة على القسم رابط · فيديو

    تعلّم حول أساسيات NodeJS, NPM, HTTP, path, fs و streams.

  2. 301 مقدمة Node رابط

    تعلّم أساسيات NodeJS و كيفية تثبيتها.

  3. 302 Node Package Manager رابط

    تعلم حول NPM وخياراتها.

  4. 303 HTTP Module رابط

    تعلم حول HTTP Module وقم بإنشاء أول سيرفر لك.

  5. 304 PATH Module رابط

    تعلّم حول the NodeJs path module ووظيفته الأساسية.

  6. 305 The Filesystem Module رابط

    تعلّم حول the NodeJs filesystem module, ووظيفته الأساسية.

  7. 306 Streams رابط

    تعلم حول Streams مع بعض المشاريع المصغرة.

400 React

خطوة واحدة

  1. 400 نظرة عامة على القسم فيديو

    تعلم حول React components, hooks ووظيفتها الأساسية.

500 Material UI

4 خطوات

  1. 500 نظرة عامة على القسم فيديو · كود

    تعلّم حول كيفية إنشاء موقع احترافي باستخدام إطار عمل Material UI.

  2. 501 Material UI – الجزء الأول فيديو

    تعلّم حول أساسيات مكونات Material UI وتدرب عليها.

  3. 502 Material UI – الجزء الثاني فيديو

    تعلّم حول Grids وابدأ بتطوير مشروع المدونة.

  4. 503 Material UI – الجزء الثالث فيديو

    تعلم حول نماذج Material UI وأيضاً حول Frontend Validation ومكونات Material UI أخرى.

600 Express JS

5 خطوات

  1. 600 نظرة عامة على القسم فيديو

    تعلم حول أساسيات Express JS، وقم بربط Backend مع Material UI/React Frontend.

  2. 601 Express JS – الجزء الأول فيديو · كود

    قم ببناء API مبسط باستخدام Express JS.

  3. 602 Express JS – الجزء الثاني فيديو · كود

    قم ببناء API مدونة مع frontend Validation.

  4. 603 Express JS – الجزء الثالث فيديو · كود

    قم بربط Backend مع Material UI/React Frontend.

  5. 604 Express JS – الجزء الرابع فيديو · كود

    تعلم حول Express Views وأيضاً حول handlebars templating language.

700 MongoDB

3 خطوات

  1. 700 نظرة عامة على القسم فيديو

    تعلَم أساسيات MongoDB باستخدام Shell و Compass. كما تعلم كيفية وصل MongoDB مع موقع React/Express.

  2. 701 أساسيات MongoDB فيديو · كود

    تعلَم أساسيات MongoDB باستخدام Shell و Compass.

  3. 702 Mongoose CURD فيديو · كود

    تعلم ربط موقع React/Express مع MongoDB باستخدام Mongoose API.