
Magic Web هو تطبيق ويب يساعدك على اكتشاف كل الأشياء المذهلة التي يمكن أن يقوم بها متصفحك. إنه يتميز بسلسلة من العروض التجريبية الصغيرة التي تعرض واجهات برمجة التطبيقات على الويب القياسية المختلفة ، سواء كانت موجودة والمستقبل. والفكرة هي أن الأشخاص ، وخاصة المطورين ، يمكنهم تجربة مجموعة من واجهات برمجة التطبيقات على الويب هذه في مكان واحد للتعرف على ما هو ممكن ، وحتى إلقاء نظرة على الكود في هذا المستودع لمعرفة كيف يمكنهم استخدامها.
يتم بناء تطبيق الويب مع React. تتم كتابة الأنماط في CSS العاديين وتبدو تلقائيًا باستخدام Autoprefixer. يتم استخدام Babel لنقلها و WebPack لتجميع الوحدة النمطية. تم استخدام تطبيق Create React لرعاية كل هذه الأدوات. يتم التعامل مع جميع التوجيه من جانب العميل باستخدام جهاز توجيه React ورمز عامل الخدمة للدعم غير المتصل بالإنترنت تلقائيًا مع SW-Precache. يتم استضافة الموقع في صفحات GitHub ونشرها باستخدام سطر أوامر Pages الخاص بـ GH من خلال برنامج نصي NPM بسيط.
يتم عرض عدد من واجهات برمجة التطبيقات على شبكة الإنترنت ، وبالتالي يتم استخدامه داخل التطبيق ، من الأطراف الراسخة إلى المتطورة ، مثل تحديد الموقع الجغرافي ، وأجهزة الوسائط ، والإشعارات ، وكلام الويب ، وبلوتوث الويب ، وطلب الدفع وغيرها. يسرد كل عرض تجريبي في التطبيق جميع واجهات برمجة التطبيقات على الويب التي تشارك تحت عنوانها. يتم عزل جميع التعليمات البرمجية المرتبطة مباشرة بواجهة برمجة تطبيقات الويب في وحدات مختلفة داخل مجلد helpers ، بحيث لا تحتاج إلى معرفة أي شيء سوى JavaScript العادي لإلقاء نظرة عليه.
بدأ المشروع نتيجة لتقديم اقتراح نقاش إلى Front Fest 2017. لقد شاهدت مؤخرًا هذا الحديث على Bluetooth على الويب من قمة Chrome Dev 2015 وقد تم تفجيره. كنت قد قرأت مؤخرًا عن واجهة برمجة تطبيقات طلب الدفع ، لذلك اعتقدت أن فكرة جيدة عن الحديث هي عرض بعض هذه القدرات الجديدة والأقل شهرة لمنصة الويب. تم قبول اقتراحي ، وبعد ذلك عندما اعتقدت أنني سأكون أكثر إثارة للاهتمام وتأثيرًا لتحويل حديثي إلى عرض تجريبي مباشر في شكل تطبيق ويب يمكن للجمهور أن يبحث عنه لاحقًا بمفردهم.
يحاول تصميم تطبيق الويب اتباع إرشادات تصميم المواد. الرموز المستخدمة في جميع أنحاء التطبيق هي في الواقع جزء من مجموعة أيقونة المواد ويتم استخدام الروبوتو كحرف الوحيد. يستلهم اسم وون الويب الأساسي من هذا GIF ، وهي الصورة التي تتبادر إلى الذهن عندما علمت لأول مرة ببعض من أحدث واجهات برمجة التطبيقات على الويب.
كان مستودع Create React PWA من مساعدة كبيرة لتحويل تطبيق React الذي تم بناؤه باستخدام تطبيق React في تطبيق ويب تدريجي. كانت أيضًا مساعدة رائعة لتطبيقات صفحة واحدة لصفحات GitHub ، لجعل التوجيه من جانب العميل مع REACT Router يعمل مع صفحات github.
يتم إصدار رمز المصدر لتطبيق الويب ضمن ترخيص معهد ماساتشوستس للتكنولوجيا. يتوفر النص الكامل للترخيص في ملف الترخيص. إذا وجدت أي أخطاء أو لديك اقتراحات لهذا المشروع ، فيرجى فتح مشكلة وسأبذل قصارى جهدي للمساعدة.