تعلم تطوير الويب بطريقة عصرية

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

index.html

<DOCTYPE html!>
<"html lang="ar>
<head>
<title/>مرحباً بالعالم<title>      
<head/>
<body>
        <h1/>أهلاً بك في عالم البرمجة!<h1>      
<body/> 
<html/>

HTML

CSS

React

ابدأ بالدروس الأكثر فائدة

مجموعة مختارة من أفضل الدروس لمساعدتك في بدء رحلتك

أساسيات الحاسوب

ما هو الحاسوب؟ وكيفية إعداده للبرمجة؟

مبتدئ

تعرف على الحاسوب وأنواعه، وكيفية إعداده لأغراض البرمجة.

15 دقيقة 2.4K

أساسيات الويب

كيف يعمل الإنترنت؟ العلاقة بين العميل والخادم

مبتدئ

تعلم أساسيات التواصل بين العميل والخادم، ودورة الطلب والاستجابة.

30 دقيقة 3.1K

الخوارزميات

تاريخ الخوارزميات: من الخوارزمي إلى العصر الرقمي

متوسط

اكتشف تاريخ الخوارزميات من الخوارزمي إلى العصر الرقمي، وكيف تطورت عبر العصور.

20 دقيقة 1.8K

هل أنت مبتدئ؟ ابدأ من هنا

مسار مبسط خطوة بخطوة لبدء رحلتك في عالم البرمجة والمواقع

مرحلة الأساسيات التقنية

ابدأ رحلتك بفهم أساسيات الويب وأدوات المبرمج:

ما هو الإنترنت وكيف تعمل المواقع
تعلم HTML5 و CSS3 لبناء الصفحات
أساسيات Git و GitHub لإدارة الكود
المشروع الأول: صفحة Landing Page كاملة

ابدأ الآن

مرحلة التصميم والتفاعل

طور مهاراتك في التصميم وأضف التفاعل لمواقعك:

CSS المتقدم (Flexbox + Grid)
أساسيات جافا سكريبت (DOM & Events & Functions)
المشروع الثاني: موقع Portfolio تفاعلي بسيط

قريبًا

مرحلة الإطار الاحترافي

انتقل لبناء مواقع احترافية باستخدام الأدوات الحديثة:

تعلم React (أو Next.js)
تعلم Tailwind CSS لتصميم سريع واحترافي
المشروع الثالث: إنشاء Blog أو Dashboard

قريبًا

أحدث المشاريع العملية

مشاريع حقيقية تم إنشاؤها من قبل المتعلمين - مصدر إلهام لك!

مميز

تصميم المواقعمبتدئ

موقع شخصي احترافي

موقع شخصي شامل يعرض المهارات والمشاريع مع تصميم عصري

4.8 1.2K 0

عرض المشروع كود المصدر

جديد

بايثونمبتدئ

تطبيق إدارة المهام

تطبيق بسيط لإدارة المهام اليومية باستخدام Python

4.5 856 0

عرض المشروع كود المصدر

شائع

تطوير المواقعمتقدم

متجر إلكتروني كامل

متجر إلكتروني متكامل مع نظام الدفع والمستخدمين

4.9 2.1K 0

عرض المشروع كود المصدر

آخر المشاركات

دورات الأكاديمية

كيف يعمل الإنترنت؟ فهم العلاقة بين العميل والخادم

عادل محمد

في هذا الدرس سنتعرف على الكيفية التي يعمل بها الإنترنت خلف الكواليس. سنفهم الفرق بين العميل (Client) مثل متصفحك أو هاتفك، و الخادم (Serv...

أساسيات الحاسوب

اكتشف كيفية التنقل وإدارة الملفات في نظام التشغيل بخطوات مبسطة

عادل محمد

تعلم كيفية استخدام نظام التشغيل بشكل فعّال هو أحد المفاتيح الأساسية لتحقيق أقصى استفادة من الحاسوب. نظام التشغيل هو البنية التحتية التي تتيح...

الخوارزميات

البحث الثنائي الخوارزمية الأساسية لتحسين كفاءة البرمجة

عادل محمد

الخوارزميات هي جوهر البرمجة، حيث توفر حلولًا منهجية للمشاكل وتساعد في تحسين كفاءة الأداء. في عالم البرمجة، يعتبر اختيار الخوارزمية المناسبة...

أساسيات الحاسوب

مقدمة إلى أنظمة التشغيل Operating Systems

عادل محمد

نظام التشغيل ( Operating System ) هو العنصر الأساسي الذي يسمح لنا باستخدام الحاسوب بكل سهولة. سواء كنا نستخدم حاسوب مكتبي أو لابتوب أو حتى ه...

دورات الأكاديمية

مقدمة إلى Tailwind CSS - ما هو ولماذا عليك استخدامه؟

عادل محمد

إذا كنت قد استخدمت CSS التقليدي أو إطارات عمل مثل Bootstrap ، فقد تجد صعوبة في تخصيص التصميمات بسهولة. Tailwind CSS يأتي ليغير هذا المف...

مقالات

كيف تبدأ في تطوير الواجهات الأمامية في 2025؟

محمد موسي

في عالم متسارع التطور مثل عام 2025، أصبح تطوير الواجهة الأمامية Frontend من المهارات الأساسية لبناء مواقع الويب وتطبيقاتها. مع تقدم الأدوات...

الأسئلة الشائعة

إجابات على أكثر الأسئلة شيوعًا حول التعلم والدروس

كم من الوقت أحتاج لتعلم تصميم المواقع؟

يمكنك إنشاء أول موقع خلال أسبوعين إذا درست بانتظام 2-3 ساعات يوميًا. للوصول لمستوى احترافي، تحتاج 3-6 أشهر من التدريب المستمر. ننصح ببدء المشاريع البسيطة فورًا لتطبيق ما تتعلمه.

ما هي أفضل لغة برمجة للمبتدئين؟

نوصي ببدء رحلتك مع لغة بايثون بسبب بساطتها وقوة تطبيقاتها. بايثون تتميز بقواعد واضحة ومجتمع داعم كبير، مما يجعل تعلمها ممتعًا ومفيدًا في مجالات متعددة مثل الذكاء الاصطناعي والويب.

هل أحتاج لخبرة سابقة لبدء التعلم؟

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

هل المحتوى متوفر باللغة العربية؟

نعم، جميع الدروس والمقالات مترجمة بالكامل للغة العربية. نؤمن بأهمية توفير المحتوى باللغة الأم لضمان أفضل فهم ممكن. كما نوفر شرح باللغة العربية في جميع مقاطع الفيديو.

كيف يمكنني الحصول على المساعدة عند مواجهة مشكلة؟

تتوفر عدة طرق للمساعدة: يمكنك طرح أسئلتك في المنتدى، مراسلة الدعم الفني، أو الانضمام لمجموعات الدعم على وسائل التواصل. كما نوفر دورة خاصة لحل المشاكل الشائعة لكل مبتدئ.

هل تقدمون شهادات إتمام للدورات؟

نعم، نقدم شهادات إتمام معتمدة بعد إكمال كل دورة تدريبية. الشهادة تحتوي على اسم الطالب، اسم الدورة، والتاريخ. يمكنك تحميل الشهادة بصيغة PDF ومشاركتها على LinkedIn أو سيرتك الذاتية.

window['__wavt'] = 'AOuZoY5VbnCbbtTyDWRnx-ZL125fV862LQ:1760371564432';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7276278052870052386','//www.arabtoutrial.com/','7276278052870052386'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7276278052870052386', 'title': '\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a | \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629', 'url': 'https://www.arabtoutrial.com/', 'canonicalUrl': 'https://www.arabtoutrial.com/', 'homepageUrl': 'https://www.arabtoutrial.com/', 'searchUrl': 'https://www.arabtoutrial.com/search', 'canonicalHomepageUrl': 'https://www.arabtoutrial.com/', 'blogspotFaviconUrl': 'https://www.arabtoutrial.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-2ZRVJ9XWM4', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'ar', 'localeUnderscoreDelimited': 'ar', 'languageDirection': 'rtl', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a | \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 - Atom\x22 href\x3d\x22https://www.arabtoutrial.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a | \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 - RSS\x22 href\x3d\x22https://www.arabtoutrial.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a | \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7276278052870052386/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-0024570143064807', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/fe77985009f43787', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637', 'key': 'link', 'shareMessage': '\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0631\u0627\u0628\u0637', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 Facebook', 'target': 'facebook'}, {'name': '\u0643\u062a\u0627\u0628\u0629 \u0645\u062f\u0648\u0646\u0629 \u062d\u0648\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629', 'key': 'blogThis', 'shareMessage': '\u0643\u062a\u0627\u0628\u0629 \u0645\u062f\u0648\u0646\u0629 \u062d\u0648\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': '\u0645\u0634\u0627\u0631\u0643\u0629 \u0625\u0644\u0649 Pinterest', 'target': 'pinterest'}, {'name': '\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'key': 'email', 'shareMessage': '\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ar\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': '\u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0648\u0627\u0636\u064a\u0639', 'pageType': 'index', 'pageName': '', 'pageTitle': '\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a | \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629', 'metaDescription': '\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0645\u0648\u0642\u0639 \u062a\u0639\u0644\u064a\u0645\u064a \u064a\u0642\u062f\u0645 \u0645\u0642\u0627\u0644\u0627\u062a \u0648\u062f\u0648\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u0629'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\u062a\u0639\u062f\u064a\u0644', 'linkCopiedToClipboard': '\u062a\u0645 \u0646\u0633\u062e \u0627\u0644\u0631\u0627\u0628\u0637 \u0625\u0644\u0649 \u0627\u0644\u062d\u0627\u0641\u0638\u0629', 'ok': '\u062d\u0633\u0646\u064b\u0627', 'postLink': '\u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0634\u0627\u0631\u0643\u0629'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\u0645\u062e\u0635\u0635', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a | \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629', 'description': '\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a \u0645\u0648\u0642\u0639 \u062a\u0639\u0644\u064a\u0645\u064a \u064a\u0642\u062f\u0645 \u0645\u0642\u0627\u0644\u0627\u062a \u0648\u062f\u0648\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u0629', 'url': 'https://www.arabtoutrial.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': '', 'type': 'HTML', 'sectionId': 'TopPost-sc', 'id': 'HTML18'}, {'title': '', 'type': 'HTML', 'sectionId': 'TopPost-sc', 'id': 'HTML11'}, {'title': '', 'type': 'HTML', 'sectionId': 'TopPost-sc', 'id': 'HTML8'}, {'title': '', 'type': 'HTML', 'sectionId': 'TopPost-sc', 'id': 'HTML14'}, {'title': '', 'type': 'HTML', 'sectionId': 'BotPostsc', 'id': 'HTML12'}, {'title': '', 'type': 'HTML', 'sectionId': 'BotPostsc', 'id': 'HTML6'}, {'title': '', 'type': 'HTML', 'sectionId': 'BotPostsc', 'id': 'HTML5'}, {'title': '', 'type': 'HTML', 'sectionId': 'BotPostsc', 'id': 'HTML7'}, {'title': '\u0639\u0646 \u0627\u0644\u0645\u0648\u0642\u0639', 'type': 'HTML', 'sectionId': 'footer-col1', 'id': 'HTML4'}, {'title': '\u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0629', 'type': 'LinkList', 'sectionId': 'footer-col2', 'id': 'LinkList1'}, {'title': '\u0631\u0648\u0627\u0628\u0637 \u0645\u0647\u0645\u0629', 'type': 'LinkList', 'sectionId': 'footer-col3', 'id': 'LinkList5'}, {'title': '\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0645\u0648\u0642\u0639', 'type': 'LinkList', 'sectionId': 'footer-col4', 'id': 'LinkList6'}, {'title': '\u0634\u0631\u0648\u062d\u0627\u062a \u0628\u0627\u0644\u0639\u0631\u0628\u064a | \u0645\u0646\u0635\u0629 \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 (\u0631\u0623\u0633 \u0627\u0644\u0635\u0641\u062d\u0629)', 'type': 'Header', 'sectionId': 'logo', 'id': 'Header1'}, {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'type': 'PageList', 'sectionId': 'pages', 'id': 'PageList1'}, {'title': '\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a', 'type': 'LinkList', 'sectionId': 'topsocialL', 'id': 'LinkList3'}, {'title': '\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'type': 'LinkList', 'sectionId': 'menu', 'id': 'LinkList001'}, {'title': '\u0625\u0639\u0644\u0627\u0646 \u0623\u0633\u0641\u0644 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0639\u0644\u0648\u064a\u0629 \u0644\u0644\u0647\u0627\u062a\u0641', 'type': 'HTML', 'sectionId': 'Topa3lan-sc2', 'id': 'HTML101'}, {'title': '\u0628\u062d\u062b ...', 'type': 'BlogSearch', 'sectionId': 'searchform', 'id': 'BlogSearch2'}, {'title': '\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0648\u0635\u0648\u0644 \u0627\u0644\u0633\u0631\u064a\u0639 (\u0645\u0631\u0628\u0639 \u0627\u0644\u0628\u062d\u062b)', 'type': 'Label', 'sectionId': 'searchform', 'id': 'Label002'}, {'title': '\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0645\u062f\u0648\u0646\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629', 'type': 'Blog', 'sectionId': 'Tempnec', 'id': 'Blog1', 'posts': [{'id': '6392381221603429090', 'title': '\u0643\u064a\u0641 \u064a\u0639\u0645\u0644 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a\u061f \u0641\u0647\u0645 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0628\u064a\u0646 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u062e\u0627\u062f\u0645', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg22A9gmfzWEe241X5auBj3FA6Rc6M4eJdQg0LUbA0p4l-X6Snz9icmD6SyCt9a1T0wakYLsPBM_29jtTxB2r-gV6Vs0w5SmC1VecIS9aiaPpj7duTuaVqA_vs6kxlISHXLCMhlZToRxPgbVBlLTENd07G16CazcseOiuQhoLcmS26ldZF9AjDUkagvBBY/s16000/%D9%83%D9%8A%D9%81%20%D9%8A%D8%B9%D9%85%D9%84%20%D8%A7%D9%84%D8%A5%D9%86%D8%AA%D8%B1%D9%86%D8%AA%D8%9F%20%D9%81%D9%87%D9%85%20%D8%A7%D9%84%D8%B9%D9%84%D8%A7%D9%82%D8%A9%20%D8%A8%D9%8A%D9%86%20%D8%A7%D9%84%D8%B9%D9%85%D9%8A%D9%84%20%D9%88%D8%A7%D9%84%D8%AE%D8%A7%D8%AF%D9%85.png', 'showInlineAds': false}, {'id': '5935501628684561747', 'title': '\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641\u064a\u0629 \u0627\u0644\u062a\u0646\u0642\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0644\u0641\u0627\u062a \u0641\u064a \u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0628\u062e\u0637\u0648\u0627\u062a \u0645\u0628\u0633\u0637\u0629', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yjDrULhuF3GLVLZfeYT6n4j2ZkLVhwRLUYoN6ycK9oNJSvMWAmOV3tLaEFB8uNc8B5WYH_7ct9CoxK0foJ-caerhSIHyoOpJXQOaL_evdatxh6xfL4gCRgmaPaI9RvkqBfa4F1Etk6bzEFOoYjQ55BBZNuMggn_9dv-zjFsagPdIler0l3tEmyVtrJs/s16000/%D8%A7%D9%83%D8%AA%D8%B4%D9%81%20%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D8%A7%D9%84%D8%AA%D9%86%D9%82%D9%84%20%D9%88%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9%20%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA%20%D9%81%D9%8A%20%D9%86%D8%B8%D8%A7%D9%85%20%D8%A7%D9%84%D8%AA%D8%B4%D8%BA%D9%8A%D9%84%20%D8%A8%D8%AE%D8%B7%D9%88%D8%A7%D8%AA%20%D9%85%D8%A8%D8%B3%D8%B7%D8%A9.png', 'showInlineAds': false}, {'id': '8672962207738045440', 'title': '\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u062b\u0646\u0627\u0626\u064a \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0644\u062a\u062d\u0633\u064a\u0646 \u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0628\u0631\u0645\u062c\u0629', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJrXYMR7wnv6x-pR301lDS031VOPMmZm3GzaKN5VaJ4keVB1ntTHDy-XEI-0hgX4zlx08GFA7z0uoOoeU_gpdZ2XTReNEm8kWY-x3DSuSeBVovIMqzMwA3wBGzCYUg2SyPI8rMpXKjYTuiXDc_pE7U46J5c_fxPSt0LXyZGXxK6pBCgTqA_e_Lbn94TLs/s16000/%D8%A7%D9%84%D8%A8%D8%AD%D8%AB%20%D8%A7%D9%84%D8%AB%D9%86%D8%A7%D8%A6%D9%8A%20%D8%A7%D9%84%D8%AE%D9%88%D8%A7%D8%B1%D8%B2%D9%85%D9%8A%D8%A9%20%D8%A7%D9%84%D8%A3%D8%B3%D8%A7%D8%B3%D9%8A%D8%A9%20%D9%84%D8%AA%D8%AD%D8%B3%D9%8A%D9%86%20%D9%83%D9%81%D8%A7%D8%A1%D8%A9%20%D8%A7%D9%84%D8%A8%D8%B1%D9%85%D8%AC%D8%A9.png', 'showInlineAds': false}, {'id': '8512932053256280617', 'title': '\u0645\u0642\u062f\u0645\u0629 \u0625\u0644\u0649 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 Operating Systems', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgpa8tt7Ptq6Ux37U3mZE8k7UO6q1P8VDUV0tW02Y44fAHs0qVE-XUf_jeu5Ib8hHZZSdQ2CkAP_KhcG5RfngJ1Y3R1-RNMxUfna0GDQh0X_KP4CIsHBwJgIaJ2IyzV0hFdOoXxQKKJ81nIcQoz6fTfhErL0pKSz1S0zobiXRT7x7i_BnR5UxtG_r4aSY/s16000/%D9%85%D9%82%D8%AF%D9%85%D8%A9%20%D8%A5%D9%84%D9%89%20%D8%A3%D9%86%D8%B8%D9%85%D8%A9%20%D8%A7%D9%84%D8%AA%D8%B4%D8%BA%D9%8A%D9%84%20Operating%20Systems.png', 'showInlineAds': false}, {'id': '1809495759538171952', 'title': '\u0645\u0642\u062f\u0645\u0629 \u0625\u0644\u0649 Tailwind CSS - \u0645\u0627 \u0647\u0648 \u0648\u0644\u0645\u0627\u0630\u0627 \u0639\u0644\u064a\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0647\u061f', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWftbK_0-_Yl2ZPKUrvtCxw6ZZ4CkOIlaaE89mG0lMIccfRwBWQmxxiw2p09r2okKcP-nfGP9dR-uK4YS7vw9MFEqRs2Ath0pC4sz-BOC4vGEyzug5yMMErsVYboea3IPOubP6eMXXi6ac4_4Ow3T2okaUonP6eqD3nBBPGEay-73vZH3HnixRqy13VBQ/s16000/%D9%85%D9%82%D8%AF%D9%85%D8%A9%20%D8%A5%D9%84%D9%89%20Tailwind%20CSS%20-%20%D9%85%D8%A7%20%D9%87%D9%88%20%D9%88%D9%84%D9%85%D8%A7%D8%B0%D8%A7%20%D8%B9%D9%84%D9%8A%D9%83%20%D8%A7%D8%B3%D8%AA%D8%AE%D8%AF%D8%A7%D9%85%D9%87%D8%9F.png', 'showInlineAds': false}, {'id': '4761245852321230453', 'title': '\u0643\u064a\u0641 \u062a\u0628\u062f\u0623 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u0627\u062c\u0647\u0627\u062a \u0627\u0644\u0623\u0645\u0627\u0645\u064a\u0629 \u0641\u064a 2025\u061f', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibDQQnmKFp4xR-gA4Ngd-eyzSosLUw21YCjUQ2XuUxH_sgsqKzb77_fSbAueAU-JmdPifo2yeOcXqyhU1OzVMQWByOzQkRyRfbhnxt1zxXMVKIxCMZACROcPMTMqgjjO8wbD-1spR3gikXjvyEsargjmMd_RdvumXJauE8uCCOiP3bqtVSo6WLLlzyqk4/s16000/%D9%83%D9%8A%D9%81%20%D8%AA%D8%A8%D8%AF%D8%A3%20%D8%AA%D8%B9%D9%84%D9%85%20%D8%AA%D8%B7%D9%88%D9%8A%D8%B1%20%D8%A7%D9%84%D9%88%D8%A7%D8%AC%D9%87%D8%A7%D8%AA%20%D8%A7%D9%84%D8%A3%D9%85%D8%A7%D9%85%D9%8A%D8%A9%20%D9%81%D9%8A%202025%D8%9F.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '-'}, {'name': 'comments', 'label': 'comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '-'}, {'name': 'comments', 'label': 'comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': ''}]}, {'title': '\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u0627\u0644\u062d\u0627\u0633\u0648\u0628', 'type': 'HTML', 'sectionId': 'sidepar', 'id': 'HTML3'}, {'title': '\u062a\u0639\u0644\u0645 \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0627\u062a', 'type': 'HTML', 'sectionId': 'sidepar', 'id': 'HTML9'}, {'title': '\u0645\u0634\u0627\u0631\u064a\u0639 \u0641\u0631\u0648\u0646\u062a \u0623\u0646\u062f', 'type': 'HTML', 'sectionId': 'sidepar', 'id': 'HTML10'}, {'title': '\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0644 \u0623\u0633\u0627\u0633\u064a', 'type': 'LinkList', 'sectionId': 'PostA3lan', 'id': 'LinkList005'}, {'title': 'BlogArchive', 'type': 'BlogArchive', 'sectionId': 'sitting', 'id': 'BlogArchive400'}, {'title': 'BlogAuthors', 'type': 'Profile', 'sectionId': 'sitting', 'id': 'Profile400'}, {'title': '\u0645\u064a\u0632\u0629 \u062c\u062f\u0648\u0644 \u0627\u0644\u062a\u0646\u0642\u0644 [close]', 'type': 'HTML', 'sectionId': 'AddOns', 'id': 'HTML1'}, {'title': '\u0645\u064a\u0632\u0629 \u0634\u0627\u0647\u062f \u0627\u064a\u0636\u0627', 'type': 'HTML', 'sectionId': 'AddOns', 'id': 'HTML2'}, {'title': '\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644', 'type': 'ContactForm', 'sectionId': 'AddOns', 'id': 'ContactForm200'}, {'title': 'Custom Scripts', 'type': 'HTML', 'sectionId': 'customeJs', 'id': 'HTML014'}, {'title': 'Custom Css', 'type': 'HTML', 'sectionId': 'customeCss', 'id': 'HTML013'}]}]); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'TopPost-sc', document.getElementById('HTML18'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'TopPost-sc', document.getElementById('HTML11'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'TopPost-sc', document.getElementById('HTML8'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'TopPost-sc', document.getElementById('HTML14'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'BotPostsc', document.getElementById('HTML12'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'BotPostsc', document.getElementById('HTML6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'BotPostsc', document.getElementById('HTML5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'BotPostsc', document.getElementById('HTML7'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'footer-col1', document.getElementById('HTML4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'footer-col2', document.getElementById('LinkList1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'footer-col3', document.getElementById('LinkList5'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'footer-col4', document.getElementById('LinkList6'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'logo', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'pages', document.getElementById('PageList1'), {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'links': [{'isCurrentPage': false, 'href': 'https://www.arabtoutrial.com/p/privacy-policy.html', 'id': '8943003200944808267', 'title': '\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629'}, {'isCurrentPage': false, 'href': 'https://www.arabtoutrial.com/p/usage-agreement.html', 'id': '1268277556832582223', 'title': '\u0634\u0631\u0648\u0637 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645'}, {'isCurrentPage': false, 'href': 'https://www.arabtoutrial.com/p/about-me.html', 'id': '928954463765245404', 'title': '\u0645\u0646 \u0646\u062d\u0646'}, {'isCurrentPage': false, 'href': 'https://www.arabtoutrial.com/p/contact-me.html', 'id': '7311557090949981225', 'title': '\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'topsocialL', document.getElementById('LinkList3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList001', 'menu', document.getElementById('LinkList001'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML101', 'Topa3lan-sc2', document.getElementById('HTML101'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch2', 'searchform', document.getElementById('BlogSearch2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label002', 'searchform', document.getElementById('Label002'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Tempnec', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3383382037-lbx__ar.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle_rtl.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sidepar', document.getElementById('HTML3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidepar', document.getElementById('HTML9'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'sidepar', document.getElementById('HTML10'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList005', 'PostA3lan', document.getElementById('LinkList005'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive400', 'sitting', document.getElementById('BlogArchive400'), {'languageDirection': 'rtl', 'loadingMessage': '\u200f\u062c\u0627\u0631\u064d \u0627\u0644\u062a\u062d\u0645\u064a\u0644\x26hellip;'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ProfileView', new _WidgetInfo('Profile400', 'sitting', document.getElementById('Profile400'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'AddOns', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'AddOns', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm200', 'AddOns', document.getElementById('ContactForm200'), {'contactFormMessageSendingMsg': '\u062c\u0627\u0631\u064d \u0627\u0644\u0625\u0631\u0633\u0627\u0644...', 'contactFormMessageSentMsg': '\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0631\u0633\u0627\u0644\u062a\u0643.', 'contactFormMessageNotSentMsg': '\u062a\u0639\u0630\u0631 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\u060c \u064a\u0631\u062c\u0649 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062e\u0631\u0649 \u0641\u064a \u0648\u0642\u062a \u0644\u0627\u062d\u0642.', 'contactFormInvalidEmailMsg': '\u064a\u0644\u0632\u0645 \u0625\u062f\u062e\u0627\u0644 \u0639\u0646\u0648\u0627\u0646 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0635\u0627\u0644\u062d.', 'contactFormEmptyMessageMsg': '\u0644\u0627 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646 \u062d\u0642\u0644 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0641\u0627\u0631\u063a\u064b\u0627.', 'title': '\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0627\u062a\u0635\u0627\u0644', 'blogId': '7276278052870052386', 'contactFormNameMsg': '\u0627\u0644\u0627\u0633\u0645', 'contactFormEmailMsg': '\u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a', 'contactFormMessageMsg': '\u0631\u0633\u0627\u0644\u0629', 'contactFormSendMsg': '\u0625\u0631\u0633\u0627\u0644', 'contactFormToken': 'AOuZoY6yhAO2nipqhjkgYrhj3nHGxWIBYw:1760371564433', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML014', 'customeJs', document.getElementById('HTML014'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML013', 'customeCss', document.getElementById('HTML013'), {}, 'displayModeFull'));

شروحات بالعربي | منصة تعليمية تفاعلية

تعلم تطوير الويب بطريقة عصرية