أنشئ موقعًا إلكترونيًا يدعم الأوامر الصوتية باستخدام Figma و JavaScript

هل أنت مستعد لبناء موقع إلكتروني يستمع ويتحدث؟ توفر هذه الدورة دليلاً خطوة بخطوة لإنشاء تطبيق ويب حديث يتم التحكم فيه صوتيًا، بدءًا من مفهوم التصميم الأولي وانتهاءً بمشروع تفاعلي وعملي. ستتعلم سير العمل الكامل، بدءًا من تصميم واجهة مستخدم مصقولة في Figma وصولاً إلى كتابة كود الواجهة الأمامية (front-end) الذي يشغلها. بحلول النهاية، ستكون قد أنشأت موقعًا إلكترونيًا جاهزًا للمحفظة يستخدم التعرف على الكلام وتوليفه المعتمد على المتصفح، مما يمنحك أساسًا متينًا في كل من تصميم الويب وتطويره. ماذا ستتعلم: - تصميم تخطيط كامل لصفحة الويب ونموذج أولي في Figma. - هيكلة محتوى موقعك باستخدام HTML الدلالي (semantic HTML). - تطبيق CSS حديث ومتجاوب (responsive) لتجربة رائعة على أي جهاز. - إضافة التفاعل وإدارة حالة التطبيق باستخدام JavaScript. - دمج Web Speech API للتعامل مع الأوامر الصوتية وتوليد الاستجابات المنطوقة. - فهم المبادئ الأساسية لإمكانية الوصول إلى الويب (web accessibility) للملاحة التي تعتمد على الصوت. - ممارسة مهاراتك من خلال تمارين عملية تعزز كل مفهوم. تبدأ الدورة بمبادئ التصميم الأساسية قبل الانتقال إلى البرمجة. ستنتقل من بناء الهيكل الثابت إلى تطبيق ميزات الصوت الديناميكية. تم إنشاء هذه الدورة للمبتدئين تمامًا. لا توجد خبرة سابقة في Figma أو البرمجة ضرورية لبدء التعلم. ابدأ في بناء أول تطبيق ويب محادثة لك اليوم.