انشئ تطبيقك الاول باستخدام polymer

احمد الجعيدمنذ 8 سنوات

قامت قوقل في السنة الماضية باطلاق polymer وهو مشروع مفتوح المصدر يهتم بواجهات المستخدم مع مكونات للواجهات تتماشى مع فلسلفة قوقل في التصميم "Material Design".

قامت قوقل باستخدام polymer في بعض خدماتها كالترجمة وموقع التواقيت الخاص بمؤتمر المطورين ،، ممايعطينا ثقة كبيرة في استخدام هذا المشروع.

المشروع يعتمد على Tags Html المخصصة من قبل polymer وبابسط الطرق يمكننا بناء تطبيق كامل بتصميم الماتيريال ديزاين ونشره على الانترنت .

سنقوم باستخدام ماطلقت عليه polymer toolbox الذي تم الاعلان عنه في مؤتمر المطورين قبل ايام قليلة. 

ويعتبر polymer toolbox  مجموعة من المكونات والقوالب والادوات لبناء تطبيقات الويب بpolymer

سنبدأ باذن الله عن كيفية التثبيت وتصفح اول تطبيق ويب خاص بك باستخدام LC وبعد ذلك باذن الله ساقوم باضافة المزيد من الدروس ،

تثبيت Polymer CLI:

سنحتاج بداية الى تثبيت CLI ونو اختصار "Command-line tool polymer" :

ملاحظة: يجب ان تكون مثبت Node.js على جهازك ويمكنك تثبيتها عن طريق موقعهم من هنا

 ثبت Polymer عن طريق هذا الامر :

npm install -g polymer-cli

انتظر قليلاً وسيتم التثبيت .

تهيئة تطبيقك الاول:

1 - انشاء مجلد جديد باي اسم تريد لننطلق منه لبناء تطبيقنا ? .

mkdir my-app
cd my-app

2 - تهيئة التطبيق مع قالب التطبيق :

 polymer init app-drawer-template

شغل تطبيقك:

polymer toolbox لايحتاج الى عمل اي شئ للبدء في البرمجة ،، كل ماتحتاجة هو تعديل الملف وتحديث المتصفح وستظهر لك تتغيراتك .

polymer serve --open

سيفتح لك المتصفح مباشرةً على تطبيقك وذلك باستخدام السيرفر المحلي 

http://localhost:8080

app-drawer-template.png

سنقوم في الدروس القادمة بالتعرف اكثر على هذا المشروع polymer من البناء الى النشر بإذن الله .

كلمات دليلية:
1
إعجاب
2043
مشاهدات
0
مشاركة
0
متابع
متميز
محتوى رهيب

التعليقات (0)

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !