تعلم مهارات سوق العمل الرقمي
اكتسب مهارات حقيقية لبناء حلول تقنية مُواكبة لمتطلبات سوق العمل الرقمي من خلال تطوير مشاريع ومُنتجات رقمية تعزز تجربتك البرمجية وتُجهزك لتحديات العمل الفعلية.
بنينا MASTRILO على قناعات راسخة، كل قرار نتخذه ينبع منها.
Impact Over Profit
الأثر فوق الربح
نركّز على التغيير الحقيقي والدائم، لا على الانتصارات السريعة والمؤقتة.
Quality Always
الجودة دائماً
لا نتنازل عن التميز أبداً، كل محتوى نقدمه يمر بمعيار صارم.
True Transparency
الشفافية الحقيقية
منفتحون وصادقون في كل وقت، مع طلابنا وشركائنا وأنفسنا.
Think Future
التفكير المستقبلي
نبني على استراتيجيات تُفيد على المدى البعيد، لا ما يُريح اليوم فحسب.
كل ما تحتاج معرفته حول الإصدار التجريبي لمنصة MASTRILO.
BETA
الإصدار التجريبي
نحن الآن في مرحلة الإصدار التجريبي، حيث نركز بشكل كبير على إضافة محتوى جديد بشكل مستمر وهو جوهر منصتنا. بالإضافة إلى ذلك، نعمل على تحسين تجربتك التعليمية من خلال تطوير ميزات جديدة. نرحب بجميع ملاحظاتك واقتراحاتك خلال هذه الفترة.
PRICING
الأسعار الحالية
أسعار الدورات الحالية غير ثابتة وقد تختلف من دورة لأخرى. الآن هو الوقت المثالي للاستفادة من هذه الأسعار قبل أن نقوم بتعديلها. نحن أيضًا ندرس تقديم خيار الاشتراكات قريبًا.
لا تفوت الفرصة! بادر بالشراء الآن واستفد من الأسعار الحالية.
PAYMENT
طرق الدفع المتاحة
نسعى لتوفير تجربة دفع مريحة وسهلة للجميع. إذا لم تجد وسيلة الدفع المناسبة في الموقع، تواصل معنا وسنكون سعداء بمساعدتك في إتمام عملية الدفع بطريقة تناسبك.
تواصل معنا عبر WhatsAppالدورات المميّزة
أتقن مهاراتك الرقمية وابنِ مشاريع حقيقية خطوة بخطوة.
تصميم واجهات المستخدم
تعلّم أسس التصميم وأدوات Figma لإنشاء تجارب رقمية جذّابة وسهلة الاستخدام.
CSS'%3e%3cpath%20fill='%2338bdf8'%20fill-rule='evenodd'%20d='M27%200c-7.2%200-11.7%203.6-13.5%2010.8%202.7-3.6%205.85-4.95%209.45-4.05%202.054.513%203.522%202.004%205.147%203.653C30.744%2013.09%2033.808%2016.2%2040.5%2016.2c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C36.756%203.11%2033.692%200%2027%200zM13.5%2016.2C6.3%2016.2%201.8%2019.8%200%2027c2.7-3.6%205.85-4.95%209.45-4.05%202.054.514%203.522%202.004%205.147%203.653C17.244%2029.29%2020.308%2032.4%2027%2032.4c7.2%200%2011.7-3.6%2013.5-10.8-2.7%203.6-5.85%204.95-9.45%204.05-2.054-.513-3.522-2.004-5.147-3.653C23.256%2019.31%2020.192%2016.2%2013.5%2016.2z'%20clip-rule='evenodd'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='tailwindcss__a'%3e%3cpath%20fill='%23fff'%20d='M0%200h54v32.4H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
Tailwind CSS
الذكاء الاصطناعي للمطورين
ادمج نماذج الذكاء الاصطناعي في مشاريعك وابنِ تطبيقات ذكية فعلية تحل مشكلات حقيقية.
TypeScript'%20d='M31.885%2016c-8.124%200-7.617%203.523-7.617%203.523l.01%203.65h7.752v1.095H21.197S16%2023.678%2016%2031.876c0%208.196%204.537%207.906%204.537%207.906h2.708v-3.804s-.146-4.537%204.465-4.537h7.688s4.32.07%204.32-4.175v-7.019S40.374%2016%2031.885%2016zm-4.275%202.454a1.394%201.394%200%201%201%200%202.79%201.393%201.393%200%200%201-1.395-1.395c0-.771.624-1.395%201.395-1.395z'/%3e%3cpath%20fill='url(%23python__b)'%20d='M32.115%2047.833c8.124%200%207.617-3.523%207.617-3.523l-.01-3.65H31.97v-1.095h10.832S48%2040.155%2048%2031.958c0-8.197-4.537-7.906-4.537-7.906h-2.708v3.803s.146%204.537-4.465%204.537h-7.688s-4.32-.07-4.32%204.175v7.019s-.656%204.247%207.833%204.247zm4.275-2.454a1.393%201.393%200%200%201-1.395-1.395%201.394%201.394%200%201%201%201.395%201.395z'/%3e%3cdefs%3e%3clinearGradient%20id='python__a'%20x1='19.075'%20x2='34.898'%20y1='18.782'%20y2='34.658'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23387EB8'/%3e%3cstop%20offset='1'%20stop-color='%23366994'/%3e%3c/linearGradient%3e%3clinearGradient%20id='python__b'%20x1='28.809'%20x2='45.803'%20y1='28.882'%20y2='45.163'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FFE052'/%3e%3cstop%20offset='1'%20stop-color='%23FFC331'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Python
Claude
Crafting Advanced React Components from Primitives
أتقن React وTypeScript وTailwind CSS لبناء تطبيقات ويب احترافية تنافس في سوق العمل الرقمي.
TypeScriptTailwind CSS
React
Reactجاهز لتعلم مهارة جديدة؟
لتجربة تعلم أسهل، قمنا بتنظيم الدورات على حسب التقنيات المستخدمة. اختر التقنية التي ترغب في تعلمها وابدأ رحلتك التعليمية الممتعة.
'%20d='M134.923%201.832c-4.344-2.443-9.502-2.443-13.846%200L6.787%2067.801C2.443%2070.244%200%2074.859%200%2079.745v132.208c0%204.887%202.715%209.502%206.787%2011.945l114.29%2065.968c4.344%202.444%209.502%202.444%2013.846%200l114.29-65.968c4.344-2.443%206.787-7.058%206.787-11.945V79.745c0-4.886-2.715-9.501-6.787-11.944L134.923%201.832Z'/%3e%3cmask%20id='nodejs__d'%20fill='%23fff'%3e%3cuse%20xlink:href='%23nodejs__b'/%3e%3c/mask%3e%3cpath%20fill='url(%23nodejs__c)'%20d='M249.485%2067.8%20134.65%201.833c-1.086-.542-2.443-1.085-3.529-1.357L2.443%20220.912c1.086%201.357%202.444%202.443%203.8%203.258l114.834%2065.968c3.258%201.9%207.059%202.443%2010.588%201.357L252.47%2070.515c-.815-1.086-1.9-1.9-2.986-2.714Z'%20mask='url(%23nodejs__d)'/%3e%3cmask%20id='nodejs__g'%20fill='%23fff'%3e%3cuse%20xlink:href='%23nodejs__e'/%3e%3c/mask%3e%3cpath%20fill='url(%23nodejs__f)'%20d='M249.756%20223.898c3.258-1.9%205.701-5.158%206.787-8.687L130.579.204c-3.258-.543-6.787-.272-9.773%201.628L6.786%2067.53l122.979%20224.238c1.628-.272%203.529-.815%205.158-1.63l114.833-66.239Z'%20mask='url(%23nodejs__g)'/%3e%3c/svg%3e)
'%3e%3cpath%20d='m74.1%2022.3c-6.3%201.6-10.6%202.8-16.8%204.4-1.5.4-1.6.5-2.9-1-1.5-1.7-2.6-2.8-4.7-3.8-6.3-3.1-12.4-2.2-18.1%201.5-6.8%204.4-10.3%2010.9-10.2%2019%20.1%208%205.6%2014.6%2013.5%2015.7%206.8.9%2012.5-1.5%2017-6.6.9-1.1%201.7-2.3%202.7-3.7-3.6%200-8.1%200-19.3%200-2.1%200-2.6-1.3-1.9-3%201.3-3.1%203.7-8.3%205.1-10.9.3-.6%201-1.6%202.5-1.6h36.4c-.2%202.7-.2%205.4-.6%208.1-1.1%207.2-3.8%2013.8-8.2%2019.6-7.2%209.5-16.6%2015.4-28.5%2017-9.8%201.3-18.9-.6-26.9-6.6-7.4-5.6-11.6-13-12.7-22.2-1.3-10.9%201.9-20.7%208.5-29.3%207.1-9.3%2016.5-15.2%2028-17.3%209.4-1.7%2018.4-.6%2026.5%204.9%205.3%203.5%209.1%208.3%2011.6%2014.1.6.9.2%201.4-1%201.7z'/%3e%3cpath%20d='m107.2%2077.6c-9.1-.2-17.4-2.8-24.4-8.8-5.9-5.1-9.6-11.6-10.8-19.3-1.8-11.3%201.3-21.3%208.1-30.2%207.3-9.6%2016.1-14.6%2028-16.7%2010.2-1.8%2019.8-.8%2028.5%205.1%207.9%205.4%2012.8%2012.7%2014.1%2022.3%201.7%2013.5-2.2%2024.5-11.5%2033.9-6.6%206.7-14.7%2010.9-24%2012.8-2.7.5-5.4.6-8%20.9zm23.8-40.4c-.1-1.3-.1-2.3-.3-3.3-1.8-9.9-10.9-15.5-20.4-13.3-9.3%202.1-15.3%208-17.5%2017.4-1.8%207.8%202%2015.7%209.2%2018.9%205.5%202.4%2011%202.1%2016.3-.6%207.9-4.1%2012.2-10.5%2012.7-19.1z'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
'%3e%3cpath%20d='m74.1%2022.3c-6.3%201.6-10.6%202.8-16.8%204.4-1.5.4-1.6.5-2.9-1-1.5-1.7-2.6-2.8-4.7-3.8-6.3-3.1-12.4-2.2-18.1%201.5-6.8%204.4-10.3%2010.9-10.2%2019%20.1%208%205.6%2014.6%2013.5%2015.7%206.8.9%2012.5-1.5%2017-6.6.9-1.1%201.7-2.3%202.7-3.7-3.6%200-8.1%200-19.3%200-2.1%200-2.6-1.3-1.9-3%201.3-3.1%203.7-8.3%205.1-10.9.3-.6%201-1.6%202.5-1.6h36.4c-.2%202.7-.2%205.4-.6%208.1-1.1%207.2-3.8%2013.8-8.2%2019.6-7.2%209.5-16.6%2015.4-28.5%2017-9.8%201.3-18.9-.6-26.9-6.6-7.4-5.6-11.6-13-12.7-22.2-1.3-10.9%201.9-20.7%208.5-29.3%207.1-9.3%2016.5-15.2%2028-17.3%209.4-1.7%2018.4-.6%2026.5%204.9%205.3%203.5%209.1%208.3%2011.6%2014.1.6.9.2%201.4-1%201.7z'/%3e%3cpath%20d='m107.2%2077.6c-9.1-.2-17.4-2.8-24.4-8.8-5.9-5.1-9.6-11.6-10.8-19.3-1.8-11.3%201.3-21.3%208.1-30.2%207.3-9.6%2016.1-14.6%2028-16.7%2010.2-1.8%2019.8-.8%2028.5%205.1%207.9%205.4%2012.8%2012.7%2014.1%2022.3%201.7%2013.5-2.2%2024.5-11.5%2033.9-6.6%206.7-14.7%2010.9-24%2012.8-2.7.5-5.4.6-8%20.9zm23.8-40.4c-.1-1.3-.1-2.3-.3-3.3-1.8-9.9-10.9-15.5-20.4-13.3-9.3%202.1-15.3%208-17.5%2017.4-1.8%207.8%202%2015.7%209.2%2018.9%205.5%202.4%2011%202.1%2016.3-.6%207.9-4.1%2012.2-10.5%2012.7-19.1z'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
صندوق المواضيع
موضوعات مختارة بعناية تتجاوز حفظ الأوامر، نركز على الفهم العميق الذي يبقى معك طوال مسيرتك المهنية.
HTML ليست مجرد وسوم، هي لغة المعنى. فهم الدلالات والبنية الصحيحة يجعل مواقعك أفضل في محركات البحث وأكثر وصولاً للجميع.
Semantic HTML
متاحفهم العناصر الدلالية في HTML5 وكيف تساعد المتصفحات ومحركات البحث وقارئات الشاشة على فهم محتوى صفحتك.
Forms & Validation
قريباًبناء نماذج HTML احترافية مع التحقق من البيانات المدمج وتجربة مستخدم سلسة بدون JavaScript.
Media & Embeds
قريباًتضمين الصور والفيديو والصوت بالطريقة الصحيحة مع مراعاة الأداء والوصول وتجربة المستخدم.
Meta & SEO Tags
قريباًاستخدام وسوم الـ meta بشكل صحيح لتحسين ظهور موقعك في محركات البحث ومنصات التواصل الاجتماعي.
Custom Data Attributes
قريباًتخزين بيانات مخصصة مباشرة في HTML باستخدام data-* وربطها بـ JavaScript وCSS بشكل نظيف.
عندك هدف؟
أتقن موضوعاً بمسار تعلم متكامل
مطور واجهات ويب
أتقن HTML وCSS وJavaScript وReact لبناء واجهات احترافية من الصفر حتى الاحتراف.
- 01HTML & CSS الأساسيات
- 02JavaScript من الصفر
- 03TypeScript للمطورين
- 04React.js الدليل الشامل
- 05تطوير واجهات متقدم
مطور متكامل
أكمل المنظومة بتعلم الـ Backend والـ APIs وقواعد البيانات والنشر في بيئة الإنتاج.
- 01Node.js والخوادم
- 02قواعد البيانات العلائقية
- 03RESTful APIs والتكاملات
- 04النشر والإنتاج
مطور واجهات ويب
أتقن HTML وCSS وJavaScript وReact لبناء واجهات احترافية من الصفر حتى الاحتراف.
- 01HTML & CSS الأساسيات
- 02JavaScript من الصفر
- 03TypeScript للمطورين
- 04React.js الدليل الشامل
- 05تطوير واجهات متقدم
مطور متكامل
أكمل المنظومة بتعلم الـ Backend والـ APIs وقواعد البيانات والنشر في بيئة الإنتاج.
- 01Node.js والخوادم
- 02قواعد البيانات العلائقية
- 03RESTful APIs والتكاملات
- 04النشر والإنتاج
أصوات تثق بها
نجمع منظورين مختلفين، خبراء يقيّمون جودة المحتوى، وطلاب يشاركون تجربة التعلم الفعلية.
المحتوى مبني على أسس تقنية صلبة مع تطبيقات عملية واقعية. نادراً ما أرى هذا المستوى من الدقة في المحتوى العربي.
د. خالد العمري
Senior Software Engineer · Google
المنهجية تتوافق مع أحدث معايير التعليم التقني الدولي. الأمثلة مختارة بعناية لتعكس واقع سوق العمل الفعلي.
م. سارة الجهني
Full-Stack Developer · Vercel
أسلوب الشرح يجعل المفاهيم الصعبة تبدو بديهية. لم أشعر يوماً أنني أحفظ، كنت أفهم دائماً.
محمد الزهراني
React.js، الدليل الشامل
ما يميز المدرب أنه يشرح السبب قبل الكيف. بعد كل درس تشعر أنك اكتسبت طريقة تفكير جديدة.
نورة القحطاني
TypeScript للمطورين العمليين
المشاريع العملية أعطتني ثقة حقيقية. بعد ثلاثة أشهر كنت أقدم للعمل بمحفظة مشاريع فعلية.
عبدالله المطيري
JavaScript من الصفر إلى الاحتراف
الأسئلة الشائعة
إجابات على أكثر الأسئلة التي يطرحها المتعلمون قبل البدء.