كانت هذه تجربة تعليمية عظيمة، فقد تعلمت الكثير من المهارات المفيدة التي يمكنني تطبيقها على الفور، وكان تقديم المحتوى ممتازا.
بناء مكونات الويب الحديثة باستخدام Lit و LitElement
تعلم كيفية بناء مكونات ويب قابلة لإعادة الاستخدام وخفيفة الوزن ومستقلة عن الأطر للعمل مع متصفحات الويب الحديثة باستخدام LitElement و lit-html وواجهات برمجة تطبيقات الويب القياسية.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
يعتمد تطوير الويب الحديث غالبًا على الأطر الثقيلة، لكن مكونات الويب الأصلية للمتصفح توفر بديلاً خفيف الوزن وموحدًا. من خلال إتقان Lit و LitElement، يمكنك بناء عناصر واجهة مستخدم سريعة وقابلة لإعادة الاستخدام تعمل بسلاسة عبر أي مشروع أو إطار عمل.
يرشدك هذا المساق النصي من اللبنات الأساسية لمكونات الويب إلى إنشاء عناصر مخصصة جاهزة للإنتاج. ستتعلم كيفية الاستفادة من تقنيات المتصفح الأصلية لبناء واجهات مستخدم عالية الأداء دون الحاجة إلى أعباء الأطر الخارجية الضخمة.
ما ستتعلمه:
- فهم المعايير الأساسية لمكونات الويب، بما في ذلك Custom Elements و Shadow DOM وقوالب HTML
- إنشاء مكونات تفاعلية وخفيفة الوزن باستخدام LitElement و JavaScript الحديث
- عرض تخطيطات واجهة المستخدم الديناميكية بكفاءة باستخدام محرك القوالب lit-html
- إدارة حالة المكون وخصائصه والأحداث المخصصة لتدفق البيانات بسلاسة
- بناء هيكل تطبيق صفحة واحدة (SPA) متجاوب باستخدام مكونات قابلة لإعادة الاستخدام
- تطبيق تقنيات التنسيق الحديثة التي تحافظ على تصميمات مكوناتك مغلفة ومتسقة
يبدأ المساق بالتعريفات الأساسية لمعيار Web Components قبل التعمق في شروحات الكود المنظمة. ستنتقل من العناصر الثابتة البسيطة إلى هيكل تطبيق صفحة واحدة (SPA) كامل الوظائف، لتتعلم كيفية تصميم وبناء وإعادة استخدام مكوناتك بفعالية.
تم تصميم هذا المساق لمطوري الويب ومصممي الواجهات الأمامية الذين يرغبون في بناء واجهات مستخدم معيارية ومقاومة للمستقبل. إن الإلمام الأساسي بـ HTML و CSS و JavaScript العادي مفيد، ولكن لا يلزم وجود خبرة سابقة مع Lit أو مكونات الويب.
ابدأ القراءة اليوم لإطلاق العنان لقوة مكونات الويب الأصلية والخفيفة.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 30 دقيقة من المحتوى التطبيقي
المراجعات (8)
Good introduction to the topic. The structure was logical, and most of the examples were relevant, though I wished for more depth in certain areas.
لقد قدمت نظرة عامة جيدة، وكانت التفسيرات لائقة، ولكنني كنت أتمنى أحيانا سيناريوهات تطبيقية أكثر عملية، ومع ذلك، كانت تجربة تعلم قيمة.
لقد كانت تجربة تعلم رائعة، كانت السرعة مثالية، والأمثلة عززت المفاهيم حقا، إبهام كبير إلى الأعلى!
This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.
مقدمة جيدة ، لقد أقدر الخطوات الواضحة ، على الرغم من أن بعض الوحدات اللاحقة كان يمكن أن تستخدم المزيد من الأمثلة.
A good introduction. The structure was mostly clear, but I wish there were a few more real-world examples. Still, learned a lot.
لقد أعجبتني أمثلة التطبيق العملي، على الرغم من أن الإعداد الأولي استغرق وقتا أطول مما كنت أتوقع.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تطوير تطبيقات الويب مع Hooks و Redux
شهادة
تطبيق عملي
DA 2,000.00
→
🎓 بشهادة
تطوير الويب باستخدام React: بناء تطبيقات واجهة أمامية تفاعلية
شهادة
تطبيق عملي
DA 2,000.00
→
🎓 بشهادة
تطوير Vue.js لتطبيقات الويب الحديثة
شهادة
تطبيق عملي
DA 2,000.00
→
🏆 الأكثر شعبية
🎓 بشهادة
مشروع التخرج لتطبيق JavaScript كامل المكدس
شهادة
تطبيق عملي
DA 2,000.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع