Show tasks

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

• مقدمة
  • An Introduction to JavaScript
  • المراجع و المواصفات
  • محررات الأكواد
  • أدوات المطور
• JavaScript Fundamentals
  • أهلاً، بالعالم!
    • Show an alert
    • Show an alert with an external script
  • بنية الشيفرة البرمجية
  • الوضع الصارم: النمط الحديث لكتابة الشيفرات
  • المتغيرات
    • العمل مع المتغيرات
    • كتابة الأسم بشكل صحيح
    • الثابت ذات الحرف الكبيره؟
  • Data types
    • String quotes
  • Interaction: alert, prompt, confirm
    • A simple page
  • Type Conversions
  • • نماذج postfix والبادئة
    • نتيجة التعيين
    • اكتب التحويلات
    • إصلاح الإضافة
  • المقارنات
    • المقارنات
  • العامل الشرطي: if, '?'
    • if (نص يحتوي على صفر)
    • اسم الجافاسكربت
    • اظهر العلامة
    • قم بتحويل 'if' إلى '?'
    • قم بتحويل 'if..else' إلى '?'
  • العوامل المنطقية
    • ما نتيجة OR?
    • نتيجة التنبيهات التي بينها OR?
    • نتيحة AND?
    • نتيجة التنبيهات التي بينها AND?
    • نتيجة OR AND OR
    • فحص المدى بين
    • فحص المدى بالخارج
    • سؤال عن "if"
    • فحص تسجيل الدخول
  • Nullish Coalescing Operator '??'
  • الحلقات التكرارية: while و for
    • آخر قيمة للحلقة
    • ما القيم التي ستعرضها الحلقة ؟
    • ما القيم التي ستعرض بواسطة الحلقة "for"?
    • قم بعرض الأرقام الزوجية داخل حلقة تكرارية
    • استبدل "for" ب "while"
    • تكرار حتى الإدخال الصحيح
    • اعرض الأرقام الأولية
  • جملة "switch"
    • أعد كتابة "switch" باستخدام "if"
    • حول "if" إلى "switch"
  • الدوال
    • هل "else" مطلوبة?
    • اعد كتابة الدالة باستخدام '?' أو '||'
    • دالة min(a, b)
    • دالة pow(x,n)
  • تعبيرات الدوال
  • أساسيات Arrow functions
    • اعد الكتابة باستخدام arrow functions
  • خواصّ جافاسكريبت
• Code quality
  • تصحيح الأخطاء في كروم
  • أسلوب كتابة الكود
    • اسلوب سيئ
  • التعليقات
  • كود النينجا
  • الاختبار الآلي لشيفرات جافاسكربت باستخدام mocha
    • What's wrong in the test?
  • تعدد الأشكال
• أساسيات الكائنات
  • الكائنات
    • أهلا ، كائن
    • تحقق من الفراغ
    • جمع خصائص الكائن
    • ضرب الخصائص الرقمية في 2
  • نسخ الكائنات والإشارات
  • جمع القمامة (Garbage Collection)
  • الدوال في الكائنات واستعمالها `this`
    • استخدام `this` في الكائن معرَّف باختصار عبر الأقواس
    • إنشاء آلة حاسِبة
    • التسلسل
  • الباني والعامل "new"
    • Two functions – one object
    • Create new Calculator
    • Create new Accumulator
  • التسلسل الاختياري (غير الإجباري) '.?'
  • الرمز (Symbol type)
  • تحويل الكائنات إلى قيم مفرده
• أنواع البيانات
  • الأساليب البدائية للبيانات
    • هل يمكن أن أضيف خاصية نصية؟
  • الأعداد
    • جمع الأعداد من الزائر
    • لماذا ‎6.35.toFixed(1) == 6.3؟
    • كرر حتى يصبح المُدخَل عددًا
    • حلقة غير منتهية أحيانًا
    • رقم عشوائي من العدد الأدنى إلى الأقصى
    • قيمة صحيحة عشوائية من min إلى max
  • السلاسل النصية
  • المصفوفات
    • هل تم نسخ المصفوفه؟
    • معاملات المصفوفه.
    • استدعاء في سياق مصفوفه
    • اجمع الارقام المدخله
    • مجموعة فرعية قصوى
  • توابع المصفوفات (Array methods)
    • Tحوّل «border-left-width» إلى «borderLeftWidth»
    • نطاق ترشيح
    • نطاق ترشيح «كما هو»
    • الفرز بالترتيب التنازلي
    • نسخ المصفوفة وفرزها
    • أنشِئ آلة حاسبة يمكن توسعتها لاحقًا
    • خارطة بالأسماء
    • خارطة بالكائنات
    • فرز المستخدمين حسب أعمارهم
    • خلط المصفوفات
    • ما متوسّط الأعمار؟
    • ترشيح العناصر الفريدة في المصفوفة
    • انشاء مفاتيح خاصة بكائنات المصفوفة
  • المتكررات
  • النوع Map (الخرائط) والنوع Set (الأطقم)
    • Filter unique array members
    • Filter anagrams
    • Iterable keys
  • النوع WeakMap والنوع WeakSet: الخرائط والأطقم ضعيفة الإشارة
    • Store "unread" flags
    • Store read dates
  • مفاتيح الكائنات وقيمها ومدخلاتها
    • مجموع الخاصيات
    • عدد الخاصيات
  • Destructuring assignment
    • Destructuring assignment
    • The maximal salary
  • النوع Date: التاريخ والوقت
    • Create a date
    • Show a weekday
    • European weekday
    • Which day of month was many days ago?
    • Last day of month?
    • How many seconds have passed today?
    • How many seconds till tomorrow?
    • Format the relative date
  • الكائن json وكيفية استخدامه
    • تحويل الكائن لجيسون وإرجاعه مرة أخرى
    • استثناء المراجع لكائنات أخرى
• Advanced working with functions
  • التكرار و الحزمة
    • أجمع كل الأرقام إلي الرقم المُعطى
    • إحسب المضروب
    • أعداد فيبوناتشي
    • طباعة قائمة متصلة فردية
    • إطبع قائمة متصلة فردية بشكل عكسي
  • المُعاملات «البقية» ومُعامل التوزيع
  • نطاق المُتغير
    • هل تلتقط الدالة آخر التغييرات؟
    • أي من المُتغيرات متاح؟
    • هل المتغير مَرئي؟
  • إفادة «var» القديمة
  • الكائن العمومي Global object
  • كائن الدالة و تعبير الدالة المُسَمَّى
    • وضع و تقليل للعداد
    • إجمع عن طريق مجموعة عشوائية من الأقواس
  • تركيب جملة دالة جديدة "new Function"
  • الجدولة: المهلة setTimeout والفترة setInterval
    • Output every second
    • What will setTimeout show?
  • المزخرفات decorators‌ والتمرير forwarding: التابعان call وapply
    • Spy decorator
    • Delaying decorator
    • Debounce decorator
    • Throttle decorator
  • ربط الدوالّ Function binding
    • Bound function as a method
    • Second bind
    • Function property after bind
    • Fix a function that loses "this"
    • Partial application for login
  • الحديث عن الدوال السهمية Arrow functions مرة أخرى
• خصائص تكوين الكائنات
  • رايات الخصائص و واصفاتها
  • جالبات الخصائص وضابطاتها (Getters and Setters)
• Prototypes, inheritance
  • الوراثة النموذجية (Prototypal inheritance)
    • العمل مع prototype
    • خوارزمية بحث
    • أين سيحدث التعديل؟
    • لماذا أصابت التخمة كِلا الهامسترين؟
  • الوراثة النموذجية -2-
    • Changing "prototype"
    • Create an object with the same constructor
  • النماذج البدائية Native prototypes
    • إضافة الدالة "f.defer(ms)" للدوال
    • إضافة الدالة المعدلة للدوال
  • أدوات النموذج والإستغناء عن الخاصية proto
    • إضافة الدالة toString إلى القاموس
    • الفرق بين الإستدعاءات
• الأصناف (Classes)
  • الصيغة الأساسية للClass
    • أعد صياغة الclass
  • Class توريث ال
    • خطأ في إنشاء مثيل
    • ساعة ممتدة
  • الخواص والدوال الثابتة
    • فئة تمدد الكائن؟
  • الخواص والدوال الـ `private` و الـ `protected`
  • امتداد الـ `classes` المدمجة
  • فحص الأصناف عبر instanceof
  • Mixins
• معالجة الأخطاء
  • • Finally أم الكود فقط؟
  • الاخطاء المخصصة وتوسعة صنف Error
    • Inherit from SyntaxError
• Promises, async/await
  • مقدمة: callbacks
    • دائرة متحركة بواسطة ال callback
  • الوعود Promise
    • Re-resolve a promise?
    • Delay with a promise
    • Animated circle with promise
  • الوعود Promises chaining
    • Promise: then versus catch
  • التعامل مع الأخطاء في الـ `promises`
    • خطأ في setTimeout
  • Promise API
  • Promisification
  • المهام الصغيرة
  • Async/await (غير المتزامن /الانتظار)
    • أعد الكتابة باستخدام متزامن / انتظار
    • أعد كتابة "rethrow" مع غير متزامن / انتظار
    • استدعاء غير متزامن من غير متزامن
• الـGenerators ومواضيع متقدمة فى التكرار
  • المُنشِئات Generators
    • الـgenerator الشبه عشوائي
  • الـgenerators والتكرار الغير متزامن
• Modules
  • مقدّمة إلى الوِحدات
  • التصدير والاستيراد
  • Dynamic imports
• موضوعات متنوعة
  • الوسيط Proxy و الـReflect
    • خطأ عند قراءة خاصية غير موجودة
    • الوصول إلي array[-1]
    • Observable
  • الدالّة "Eval" لتنفيذ الشيفرة البرمجية
    • Eval-calculator
  • تقنية Currying
  • النوع المرجعي
    • فحص بناء الجملة
    • تفسير القيمة الخاصه بـ "this"
  • BigInt

Browser: Document, Events, Interfaces

• Document
  • Browser environment, specs
  • نموذج كائن المستند DOM
  • Walking the DOM
    • DOM children
    • The sibling question
    • Select all diagonal cells
  • Searching: getElement*, querySelector*
    • Search for elements
  • خصائص العقدة: النوع والعلامة والمحتويات
    • عد الأحفاد
    • ماذا يوجد في العقدة؟
    • تاج في تعليق
    • أين "الوثيقة" في التسلسل الهرمي؟
  • الصفات والخصائص
    • الحصول على الخاصية
    • اجعل الروابط الخارجية برتقالية
  • تعديل الوثيقة
    • createTextNode vs innerHTML vs textContent
    • Clear the element
    • Why does "aaa" remain?
    • Create a list
    • Create a tree from the object
    • Show descendants in a tree
    • Create a calendar
    • Colored clock with setInterval
    • Insert the HTML in the list
    • Sort the table
  • الأنماط والفصول
    • Create a notification
  • حجم العنصر والتمرير
    • What's the scroll from the bottom?
    • What is the scrollbar width?
    • Place the ball in the field center
    • The difference: CSS width versus clientWidth
  • أحجام النوافذ والتمرير
  • الإحداثيات
    • البحث عن إحداثيات النافذة للحقل
    • عرض ملاحظة بالقرب من العنصر
    • إظهار ملاحظة بالقرب من العنصر (مطلق)
    • ضع الملاحظة في الداخل (مطلق)
• Introduction to Events
  • Introduction to browser events
    • Hide on click
    • Hide self
    • Which handlers run?
    • Move the ball across the field
    • Create a sliding menu
    • Add a closing button
    • Carousel
  • التدفق و الإلتقاط
  • Event delegation
    • Hide messages with delegation
    • Tree menu
    • Sortable table
    • Tooltip behavior
  • الإجراءات الافتراضية للمتصفح
    • Why "return false" doesn't work?
    • Catch links in the element
    • Image gallery
  • Dispatching custom events
• أحداث الواجهة
  • أحداث الماوس
    • قائمة قابلة للتحديد
  • Moving the mouse: mouseover/out, mouseenter/leave
    • Improved tooltip behavior
    • "Smart" tooltip
  • Drag'n'Drop with mouse events
    • Slider
    • Drag superheroes around the field
  • Pointer events
  • Keyboard: keydown and keyup
    • Extended hotkeys
  • Scrolling
    • Endless page
    • Up/down button
    • Load visible images
• Forms, controls
  • Form properties and methods
    • Add an option to select
  • Focusing: focus/blur
    • Editable div
    • Edit TD on click
    • Keyboard-driven mouse
  • Events: change, input, cut, copy, paste
    • Deposit calculator
  • Forms: event and method submit
    • Modal form
• Document and resource loading
  • Page: DOMContentLoaded, load, beforeunload, unload
  • Scripts: async, defer
  • Resource loading: onload and onerror
    • Load images with a callback
• 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
    • Concatenate typed arrays
  • TextDecoder and TextEncoder
  • Blob
  • File and FileReader
• Network requests
  • Fetch
    • Fetch users from GitHub
  • FormData
  • Fetch: Download progress
  • Fetch: Abort
  • Fetch: Cross-Origin Requests
    • Why do we need Origin?
  • Fetch API
  • URL objects
  • XMLHttpRequest
  • Resumable file upload
  • Long polling
  • WebSocket
  • Server Sent Events
• Storing data in the browser
  • Cookies, document.cookie
  • LocalStorage, sessionStorage
    • Autosave a form field
  • IndexedDB
• الرسوم المتحركة
  • منحنى بيزير
  • CSS-animations
    • Animate a plane (CSS)
    • Animate the flying plane (CSS)
    • Animated circle
  • JavaScript animations
    • Animate the bouncing ball
    • Animate the ball bouncing to the right
• Web components
  • From the orbital height
  • Custom elements
    • Live timer element
  • 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 $
    • Regexp ^$
  • Multiline mode of anchors ^ $, flag "m"
  • Word boundary: \b
    • Find the time
  • التخطى, الرموز الخاصة
  • Sets and ranges [...]
    • Java[^script]
    • Find the time as hh:mm or hh-mm
  • Quantifiers +, *, ? and {n}
    • How to find an ellipsis "..." ?
    • Regexp for HTML colors
  • Greedy and lazy quantifiers
    • A match for /d+? d+?/
    • Find HTML comments
    • Find HTML tags
  • التقاط المجموعات
    • Check MAC-address
    • Find color in the format #abc or #abcdef
    • Find all numbers
    • Parse an expression
  • المرجعيات الخلفية في النمط: \ N و \ k <name>
  • التناوب (أو) |
    • البحث عن لغات البرمجة
    • البحث عن أزواج bbtag
    • البحث عن سلاسل الاقتباس
    • البحث عن العلامة الكاملة
  • Lookahead و lookbehind
    • البحث عن أعداد صحيحة غير سالبة
    • أدخل بعد المقدمة
  • التراجع الكارثي
  • علم ثابت "y" ، البحث في الموضع

• © 2007—2020  Ilya Kantor
• معلومات عن المشروع
• تواصل معنا