
ابدأ رحلتك في عالم تصميم أنظمة التصميم من خلال معسكر تدريبي مصمم خصيصاً لبناء خبرتك من الصفر. استفد من أكثر من 36 ساعة من التدريب المكثف والتفاعلي عبر الإنترنت، واكتسب مهارات بناء وتصميم وإدارة أنظمة تصميم مرنة قابلة للتطوير والتوسع، مع التركيز على أقوى، وادخل سوق العمل بمهارات مطلوبه بشدة في وقتنا الحاضر وفي المستقبل.
الحلقة الاولى : أسس أنظمة التصميم والرموز التصميمية (Design Systems and Design Tokens)
-
1مقدمة عن رموز التصميم والمتغيرات (Design Tokens & Variables)
-
2ما هو نظام التصميم (Design System)
-
3المتغيرات مقابل رموز التصميم (Variables Vs Design Tokens)
-
4لماذا يجب علينا استخدام رموز التصميم في أدوات التصميم (Design Tokens in Design Tools)
-
5أفضل الأدوات لرموز التصميم (Design Tokens)
-
6عملية رموز التصميم (Design Tokens Process)
-
7تحديات ومزايا رموز التصميم (Design Tokens Challenges and Benefits)
-
8أساسيات رموز التصميم (Design Tokens Essentials)
-
9أفضل طريقة لتسمية لرموز التصميم (Tokens naming)
-
10نشاط عملي: قصة رمز التصميم المكون للزر ( Component Token Story for a Button)
-
11مثال متقدم لرموز المكونات (Component Tokens)
المرحلة الثانية :أساسيات نظام التصميم: المكونات والرموز التصميمية (Component & Tokens)
-
12تصميم صفحة تسجيل الدخول
-
13إنشاء مكون الزر (Button Component)
-
14نشر نظام التصميم الخاص بك (Publish your Design System)
-
15تصميم صفحة تسجيل الدخول ومكون الزر (Login page and Button Component)
-
16واجهة متغيرات فيجما (Figma Variables Interface)
-
17إنشاء رمز الخيار (Option Token)
-
18تخطيط وإنشاء رمز الخيار (Option Tokens)
-
19تخطيط رموز الأسماء المستعارة (Alias Tokens)
-
20إنشاء رموز الأسماء المستعارة (Alias Tokens)
-
21تحديد نطاق المتغيرات (Setting Variables Scope)
المرحلة الثالثة :إتقان الرموز التصميمية للمكونات المحددة
-
22فهم مكون الزر (Button Component)
-
23تخطيط رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)
-
24تخطيط وإنشاء رموز التصميم لمكون الزر المحدد (Button Component-Specific Tokens)
-
25تخطيط وإنشاء وتطبيق رموز التصميم لمكون الزر المحدد (Component Specific Tokens for Button component)
-
26واجهة وضع المطور (Dev Mode Interface)
-
27تحديث فيجما: ترقيات المتغيرات في وضع المطور (Dev Mode)
-
28مقدمة حول ملف المشروع (Project File)
-
29تصدير متغيرات فيجما إلى كود JSON
-
30معاينة كود JSON
المرحلة الرابعة :من التصميم إلى التطوير (From Design to Development)
-
31تحويل كود JSON إلى CSS
-
32ربط ملف متغيرات CSS بالمشروع
-
33توثيق رموز الزر (Button Tokens Documentation)
-
34تطبيق رموز الزر في CSS (Apply Buttons Tokens in CSS)
-
35تنفيذ رموز الزر في الكود ( Button Tokens into the Code)
-
36إنشاء الوضع الداكن (Dark Mode)
-
37تصدير رموز الوضع الداكن إلى كود JSON
-
38تحويل كود JSON في الوضع الداكن إلى CSS
-
39تنفيذ الوضع الداكن في الكود (Dark Mode in Code)
-
40إنشاء رموز علامة تجارية جديدة (New Brand Tokens)
-
41تصدير رموز علامة تجارية جديدة إلى كود JSON
-
42تحويل كود JSON لعلامة تجارية جديدة إلى CSS
-
43تنفيذ رموز التصميم لعلامة تجارية جديدة في الكود (New Brand in Code)
-
44مزايا المصدر الموّحد للبيانات (SSOT)
-
45إنشاء علامة تجارية جديدة (New Brand)
المرحلة الخامسة:الخاتمة والمرحلة النهائية
الحالة الاجتماعية والمادية للمتقدم
الوضع الوظيفي الحالي ومدى الحاجة للتطوير
مستوى الشغف والالتزام الظاهر في ملفاتك الشخصية
الخبرة السابقة في التعلم والتطوير الذاتي
• منحة مجانية كاملة: بدون أي رسوم أو التزامات مالية • منحة بعقد التزام: مجانية مع توقيع عقد لضمان الجدية والمواظبة • منحة برسوم مستردة: رسوم رمزية تُسترد كاملة عند إتمام المعسكر بنجاح • منحة مدعومة جزئياً: خصم يتراوح من 80% إلى 95% حسب حالة المتقدم
خلال 48 ساعة عمل:
</span>
ستحصل على إشعار القبول عبر البريد الإلكتروني أو الواتساب.
<ul>
<span class='comment_message--boldStyle--DfQEh'>
بعدها مباشرة:
</span>
سيتواصل معك أحد أعضاء فريق تنظيم المنحة لـ:
<class='comment_message--commentUnorderedListItem--16BZF' li>
تجهيزك وتوجيهك قبل البدء
</li>
<class='comment_message--commentUnorderedListItem--16BZF' li>مشاركة جميع تفاصيل المعسكر والجدول الزمني</li>
<class='comment_message--commentUnorderedListItem--16BZF' li>الإجابة على جميع استفساراتك</li>
</ul>














