تصميم برنامج الالة الحاسبة بلغة html و css و javascripte
السلام عليكم مرحبا بكم اعضاء مدونة programmation kin
اليوم سأقدم لكم درس حول كيفية تصميم برنامج الالة الحاسبة بلغة html و css و javascripte
هذا الدرس فقط لمعرفة كيفية التعامل مع اوسمة html والتلاعب بهم وجعل منهم اشياء كأنك ترسم بالاقلام و هذا سيساعدك في التمرن و التمعن في لغة الاوسمة html التي بدورها غنية عن التعريف مع جميع اصدارتها . اضافة الى ذالك فأننا سنستخدم لغة التصميم css لجعل شكل ومضهر الالة الحاسبة انيق وجداب
فبهذه اللغة يمكنك صنع اي شيئ تريده في التصميم من الوان واشكال ورسومات اضافة الى تحريك الاشياء بعد التحديت الاخير تم اضافة ما يسمى ب animation او التحريك
تم اضافة مكونات proprite تساعدك في تحريك اي شيئ تريده من صور او اوسمة او الوان وجعلهم يتحركون كأنهم حقيقين *سنتطرق لبعض دروس في هذا المجال فيما بعد بحول وقوة الله **
في البداية كما المعتاد حبيبي المبرمج ستقوم بتخصيص فخة خاصة ب htm لتنظيم اوسمة الخاصة بها بشكل جيد.
وصفحة خاصة بأكواد css
وصفحة خاصة بلغة javascripte
صفحة html :تحتوي على اوسمة خاصة بها .
تضع كل وسم على قدر ما تيرديه ليس فقط الاوسمة المستعملة في الفيديو اسفله.
يمكن ان تضع اي وسم يمكنك جعل منه ما تريد وتلاعب به بنفس طريقة الفيديو . كما يمكنك استعمال الصور . وتلعاب بهم لجعهلهم متل الاوسمة في التصميم..
ادن لبدأ تصميم الالة الحاسبة ستحتاج فقط لمحرر الاكواد الموجود عندك في الحاسوب او الهاتف وبدأ التصميم
تابع الشرح في قناتنا على اليوتوب من هنا
او متابعة الشرح الفيديو التالي :
كما رأيتم اصدقائي الان تم تصميم واجهة الالة الحاسبة بسهولة ولكن الازرار لا تعمل معنا
لو قمنا بعملية حسابية الان لا ترى اي تغير ولن تقوم باي عملية حسابية .
لذلك نحتاج الى لغة اخرى تتحكم في الازرار و لديها دوال ومتغيرات من خلالها سنجعل هذا التصميم يقوم بعمليات حسابية و اعطاء النتائج في خانة الموجودة في الاعلى .
ومن بين هذه اللغات يمكنك استعمال اي لغة مخصصة فالويب متل php او asp اوjavascripte او python ....
كما انك تستطيع تطوير هذه الالة الحاسبة اكتر لتكون دكية ورياضية الى غير ذالك.
ومن بين اللغات التي سنستعملها لبرمجة هذه الالى الحاسبة في هذا الدرس هي لغة الجافا سكريب فمن خلالها سنستعمل عدة خاصيات لتحكم في الازرار و استغلالهم لتنفيد اوامر مستعمل الالة الحاسبة بشكل جيد . وهو ما سنوضحه في الشرح التالي :
الدرس التاني :مشاهدة الفيديو على يوتوب من هنا
او من فيديو التالي
مشاهدة كيفية تحميل من الروابط التي اضعها لكم من هنا
لتحميل الكود سورس من هنا
وصلنا الى نهاية الدرس نتمنى ان ينال الموضوع اعجابكم
لا تنسى الاشتراك في القناة ليصلك كل جديد.
اقرا ايضا:
ليست هناك تعليقات:
إرسال تعليق