بناء تطبيقات سطح المكتب بالجافاسكربت مستخدما تقنية GTK الجزء الأول

السلام عليكم  ورحمة الله تعالى  وبركاته في هذا  الدرس سنتعلم  تقنية  بناء تطبيقات سطح المكتب باستخدام #javascript_GTK

يمكنك ايضا متابعة  التدوينات التالية

كل ما تريد ه لتعلم #الكترون (بناء تطبيقات سطح المكتب)

سلسلة  بناء إضافات غوغل كروم  بالجافاسكربت 

شرح اسئلة الجافاسكربت في udacity

أساسيات تعلم بناء قوالب البلوجر

كما  سنتعرف على مكتبة GTK وكيف يتم دمجها  مع الجافاسكربت  ،  فالهدف  الاساسي من هذه السلسلة هو جعلك أخي  المتعلم ان تكون قادر على العمل بالجافاسكربت  و GTK  الخاص بواجهات المستخدم سطح المكتب ,  من  جهة اخرى الجافاسكربت  لغة نصية  شهيرة في وسط المبرمجين  حيث تدخل  في العديد من البلاتفورمات  المختلفة  من بناء تطبيقات الهواتف (CORDOVA) حتى الى بناء الكلاسات باستخدام JAVACRIPT++

 في هذا  الدرس سنتعرف على  مكتبة SEED




هي مكتبة في  الاصل تعمل  كمؤدي او مفسر لمكتبات GNOME مستقلة  في الجافاسكربت مستخدمة نواة الجافاسكربت في المتصفحات WEBKIT. ان مكتبة SEED  تستخدم ما يسمى بGOBJECT  لاستبطان حتى تتواصل لمكتبات GTK  التي  هي  بدورها  تنتمي  الى GNOME

مثال بسيط لبناء نافذة  خاصة ببرنامج 

 

        #!/usr/bin/seed

        Gtk = imports.gi.Gtk;
        
        Gtk.init(null, null);
        
        window = new Gtk.Window({ type: Gtk.WindowType.TOPLEVEL });
        
        window.signal.hide.connect(Gtk.main_quit);
        window.set_default_size(250, 200);
        window.set_title("Center");
        window.set_position(Gtk.WindowPosition.CENTER);
        
        window.show();
        
        Gtk.main();

هنا نقوم بمنادات المكتبة gtk

Gtk = imports.gi.Gtk;

هنا نعطي  للمكتبة NULL في البرمترات 

Gtk.init(null, null);

هذا الكود يقوم بتهيئة مكتبة gtk 

window = new Gtk.Window({ type: Gtk.WindowType.TOPLEVEL });

هنا يتم بناء نافذة  تكون مرتبطة بالمكتبة gtk وتكون عبارة عن حاوية toplevel 

window.signal.hide.connect(Gtk.main_quit);

هنا نقوم بفرض حجم لواجهة المستخدم 

window.set_default_size(250, 200);

هنا نعطي  للنافذة عنوان  

window.set_title("Center");

في هذا  الكود نقوم بتوسيط الفورم  في وسط الشاشة

window.set_position(Gtk.WindowPosition.CENTER);

هذا الكود مسؤول عن اظهار  النافذة 

window.show();

هنا نغلق البرنامج بهذه العبارة 

Gtk.main();

الدرس  الثاني تحويل كود الفورم الى كائنية  في GTK JAVASCRIPT