GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • سلسلة
  • كورسات

This view

  • Original page
  • New address

GeezerVison is showing ar.javascript.info — الدورة التعليميه الحديثه لـ جافاسكريبت

لغة جافا سكريبت

هنا ستتعلم لغة جافا سكريبت، من البداية وحتى الاحتراف مثل البرمجة الكائنية (OOP).

التركيز الأساسي لهذه السلسلة هو على اللغة نفسها، مع قليل من الملاحظات الخاصة ببيئة عمل جافا سكريبت.

مقدمة
  • مقدّمة لجافا سكريبت
  • المراجع و المواصفات
  • محررات الأكواد
  • أدوات المطور
أساسيات جافا سكريبت
  • أهلاً، بالعالم!
  • بنية الشيفرة البرمجية
  • الوضع الصارم: النمط الحديث لكتابة الشيفرات
  • المتغيرات
  • أنماط البيانات
  • التفاعل: alert ، prompt ، confirm
  • نوع التحويلات
  • العاملات الأساسية والرياضيات
  • المقارنات
  • التفريع الشرطي: if, '?'
  • العوامل المنطقية
  • عامل التحقق من الفراغ '??'
  • الحلقات التكرارية: while و for
  • جملة "switch"
  • الدوال
  • تعبيرات الدوال
  • أساسيات Arrow functions
  • خواصّ جافا سكريبت
  • المزيد…
جودة الشِفرة
  • تصحيح الأخطاء في كروم
  • أسلوب كتابة الكود
  • التعليقات
  • كود النينجا
  • الاختبار الآلي لشيفرات جافا سكريبت باستخدام mocha
  • تعدد الأشكال
أساسيات الكائنات
  • الكائنات
  • Object references and copying
  • جمع القمامة (Garbage Collection)
  • الدوال في الكائنات واستعمالها `this`
  • الباني والعامل "new"
  • التسلسل الاختياري (غير الإجباري) '.?'
  • الرمز (Symbol type)
  • تحويل الكائنات إلى قيم مفرده
أنواع البيانات
  • الأساليب البدائية للبيانات
  • الأعداد
  • السلاسل النصية
  • المصفوفات
  • توابع المصفوفات (Array methods)
  • Iterables
  • النوع Map (الخرائط) والنوع Set (الأطقم)
  • النوع WeakMap والنوع WeakSet: الخرائط والأطقم ضعيفة الإشارة
  • مفاتيح الكائنات وقيمها ومدخلاتها
  • Destructuring assignment
  • النوع Date: التاريخ والوقت
  • الكائن json وكيفية استخدامه
  • المزيد…
العمل مع التوابع بشكل متقدم
  • التكرار و الحزمة
  • المُعاملات «البقية» ومُعامل التوزيع
  • نطاق المتغيرات، الإغلاق
  • إفادة «var» القديمة
  • الكائن العمومي Global object
  • كائن الدالة وتعبير الدالة المُسَمَّى
  • تركيب جملة دالة جديدة "new Function"
  • الجدولة: المهلة setTimeout والفترة setInterval
  • المزخرفات decorators‌ والتمرير forwarding: التابعان call وapply
  • ربط الدوالّ Function binding
  • الحديث عن الدوال السهمية Arrow functions مرة أخرى
  • المزيد…
خصائص تكوين الكائنات
  • رايات الخصائص و واصفاتها
  • جالبات الخصائص وضابطاتها (Getters and Setters)
النماذج، الوراثة
  • الوراثة النموذجية (Prototypal inheritance)
  • الوراثة النموذجية -2-
  • النماذج البدائية Native prototypes
  • أدوات النموذج والإستغناء عن الخاصية proto
الأصناف (Classes)
  • الصيغة الأساسية للClass
  • Class توريث ال
  • الخواص والدوال الثابتة
  • الخواص والدوال الـ `private` و الـ `protected`
  • امتداد الـ `classes` المدمجة
  • فحص الأصناف عبر instanceof
  • Mixins
معالجة الأخطاء
  • التعامل مع الأخطاء، "try...catch"
  • الاخطاء المخصصة وتوسعة صنف Error
Promises, async/await
  • مقدمة: callbacks
  • Promise
  • الوعود Promises chaining
  • التعامل مع الأخطاء في الـ `promises`
  • Promise API
  • Promisification
  • المهام الصغيرة
  • Async/await (غير المتزامن /الانتظار)
الـGenerators ومواضيع متقدمة فى التكرار
  • المُنشِئات Generators
  • الـgenerators والتكرار الغير متزامن
الوحدات
  • مقدّمة إلى الوحدات
  • التصدير والاستيراد
  • الاستيراد الديناميكي
موضوعات متنوعة
  • الوسيط Proxy و الـReflect
  • الدالّة "Eval" لتنفيذ الشيفرة البرمجية
  • تقنية Currying
  • النوع المرجعي
  • BigInt
  • Unicode, String internals

Browser: Document, Events, Interfaces

Learning how to manage the browser page: add elements, manipulate their size and position, dynamically create interfaces and interact with the visitor.

Document
  • بيئة المتصفح ومواصفاته
  • نموذج كائن المستند DOM
  • المشي في الـ DOM
  • Searching: getElement*, querySelector*
  • خصائص العقدة: النوع والعلامة والمحتويات
  • الصفات والخصائص
  • تعديل الوثيقة
  • الأنماط والفصول
  • حجم العنصر والتمرير
  • أحجام النوافذ والتمرير
  • الإحداثيات
  • المزيد…
Introduction to Events
  • Introduction to browser events
  • التدفق و الإلتقاط
  • تفويض الحدث
  • الإجراءات الافتراضية للمتصفح
  • Dispatching custom events
أحداث الواجهة
  • أحداث الماوس
  • Moving the mouse: mouseover/out, mouseenter/leave
  • Drag'n'Drop with mouse events
  • Pointer events
  • Keyboard: keydown and keyup
  • Scrolling
Forms, controls
  • Form properties and methods
  • Focusing: focus/blur
  • Events: change, input, cut, copy, paste
  • Forms: event and method submit
Document and resource loading
  • Page: DOMContentLoaded, load, beforeunload, unload
  • Scripts: async, defer
  • Resource loading: onload and onerror
Miscellaneous
  • Mutation observer
  • Selection and Range
  • Event loop: microtasks and macrotasks

مقالات إضافية

قائمة من المقالات الإضافية و التي تفترض انك قد فهمت اول جزئين من الدورة. و لا يوجد تسلسل هرمي واضح هنا, يمكنك قراءة المقالات بالترتيب الذى تريده.
Frames and windows
  • Popups and window methods
  • Cross-window communication
  • The clickjacking attack
Binary data, files
  • ArrayBuffer, binary arrays
  • TextDecoder and TextEncoder
  • Blob
  • File and FileReader
Network requests
  • Fetch
  • FormData
  • Fetch: Download progress
  • Fetch: Abort
  • Fetch: Cross-Origin Requests
  • Fetch API
  • URL objects
  • XMLHttpRequest
  • Resumable file upload
  • Long polling
  • WebSocket
  • Server Sent Events
  • المزيد…
Storing data in the browser
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
  • IndexedDB
الرسوم المتحركة
  • منحنى بيزير
  • CSS-animations
  • JavaScript animations
Web components
  • From the orbital height
  • Custom elements
  • Shadow DOM
  • Template element
  • Shadow DOM slots, composition
  • Shadow DOM styling
  • Shadow DOM and events
Regular expressions
  • الأنماط والأعلام
  • فئات الأحرف
  • Unicode: flag "u" and class \p{...}
  • Anchors: string start ^ and end $
  • Multiline mode of anchors ^ $, flag "m"
  • Word boundary: \b
  • التخطى, الرموز الخاصة
  • Sets and ranges [...]
  • Quantifiers +, *, ? and {n}
  • Greedy and lazy quantifiers
  • التقاط المجموعات
  • المرجعيات الخلفية في النمط: \ N و \ k <name>
  • التناوب (أو) |
  • Lookahead و lookbehind
  • التراجع الكارثي
  • علم ثابت "y" ، البحث في الموضع
  • المزيد…
مشاركه
خريطة الدورة التعليمية

التعليقات

إقرأ هذا قبل أن تضع تعليقًا…
  • إذا كان لديك اقتراحات أو تريد تحسينًا - من فضلك من فضلك إفتح موضوعًا فى جيتهاب أو شارك بنفسك بدلًا من التعليقات.
  • إذا لم تستطع أن تفهم شيئّا فى المقال - وضّح ماهو.
  • إذا كنت تريد عرض كود استخدم عنصر <code> ، وللكثير من السطور استخدم <pre>، ولأكثر من 10 سطور استخدم (plnkr, JSBin, codepen…)
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.