أفضل 7 دورة تدريبية تقدمية لتطبيقات الويب في عام 2022

تطبيقات الويب التقدمية (PWAs) هي الاتجاه التالي المتطور في تطوير الويب بفضل قدرتها على تحسين تجارب تطبيقات الأجهزة المحمولة وبالتالي تحسين أداء موقع الويب.

نظرًا لأن PWAs موجودة لتبقى ، فمن الضروري ليس فقط لمطوري الويب ، ولكن أيضًا لأعمال التجارة الإلكترونية ، التحديث المستمر وفهم مفهوم وتشغيل هذا المفهوم الجديد بعمق. لا توجد طريقة أفضل للقيام بذلك من التسجيل في دورة تطبيقات الويب التقدمية التي تمنحك بلا شك ميزة تنافسية لمواكبة هذا الاتجاه التكنولوجي الجديد الموعود بالتسارع في المستقبل القريب.

ما هي تطبيقات الويب التقدمية (PWAs)؟

PWAs ، التي ترمز إلى P rogressive W eb A pps ، هي موقع ويب يشبه تطبيقًا أصليًا فعليًا على الهواتف الذكية أو الأجهزة اللوحية بفضل التطورات في تقنيات الويب. هذا يعني أنه يمكن تحويل أي موقع ويب إلى تطبيق ويب تقدمي بسرعة ، مقارنةً بالتطبيق المحلي ، الأمر الذي يتطلب معرفة فنية وجهدًا هائلاً لتطويرها وصيانتها.

للحصول على فهم أفضل لـ PWA وتطبيقه ، نقدم مقالات حصرية حول هذه التقنية الشائعة:

• ما هو PWA؟
• تطبيقات الويب التقدمية: أفضل الأمثلة في عام 2022

في السنوات الأخيرة ، أصبحت PWAs تقنية ناشئة استخدمها مجتمع التجارة الإلكترونية تدريجياً في أعمالهم لتحسين تجربة العملاء. نظرًا لاستمرار هذا الاتجاه في الازدهار ، فإن المهارات اللازمة لإنشاء تطبيقات الويب التقدمية وتطويرها مطلوبة بشدة ، خاصة للمطورين المعاصرين الذين يعملون في صناعة التجارة الإلكترونية.

العناصر الأساسية لدورة PWAs

في الوقت الحالي ، هناك مجموعة متنوعة من دورات تطبيقات الويب التقدمية المختلفة التي تقدمها العديد من منصات التعلم عبر الإنترنت. بشكل عام ، ستحتوي دورة تطبيقات الويب التقدمية على مفاهيم معينة لمساعدة المتعلمين إما على إنشاء تطبيقات الويب التقدمية من البداية أو ترقية تطبيقات الويب الحالية إلى تطبيقات الويب التقدمية.

غالبًا ما تتضمن دورة تطبيقات الويب التقدمية الأساسية ما يلي:

• مقدمة وخصائص PWAs
• عمال الخدمة
• بيان تطبيق الويب
• الاستفادة من ميزات الجهاز

ومع ذلك ، بناءً على الخلفية الفنية للمتعلمين وأهدافهم ، فإن كل دورة تدريبية تقدمية لتطبيقات الويب ستعمل على تحسين محتوى الدورة لتلبية توقعات المتعلمين. لذلك ، من الأهمية بمكان تحديد احتياجاتك واختيار دورة PWAs الأكثر ملاءمة والتي ستمنحك ميزة تنافسية بعد ذلك!

أفضل دورة تطبيقات الويب التقدمية

1. تطبيقات الويب التقدمية (PWA) - الدليل الكامل

• تصنيف الدورة: 4.7 من 5.0 (إجمالي 9246 تصنيفات)
• المدة: 16 ساعة

نظرًا لأن هذه الدورة التدريبية مصممة للمتعلمين الذين لديهم أساسيات HTML و CSS و JavaScript فقط ، فلن تحتاج إلى معرفة أي إطار عمل JavaScript مثل Angular أو React لبناء PWAs الخاصة بك. سيتعلم الطلاب إضافة ميزات إلى متوسط ​​تطبيقات الويب الخاصة بهم لتقديم تجارب سريعة وجذابة مع الحفاظ على إمكانية الوصول إلى صفحة الويب.

ستتعلم في هذه الدورة:

• أنشئ تطبيقات ويب تبدو وكأنها تطبيقات جوال أصلية لنظامي التشغيل iOS و Android.
• استخدم العاملين في الخدمة لإنشاء تطبيقات الويب التي تعمل بدون اتصال بالإنترنت (دون اتصال بالإنترنت أولاً).
• استفد من ميزات الجهاز مثل الكاميرا والموقع الجغرافي في تطبيقات الويب الخاصة بك.
• استخدم إشعارات الويب لزيادة تفاعل المستخدم مع تطبيقات الويب الخاصة بك.

2. مقدمة عن تطبيقات الويب التقدمية من Google - Udacity

• تكلفة الدورة: مجاني
• المدة: تقريبا. 2 أسابيع

ستوجهك هذه الدورة إلى جميع الميزات الأساسية لـ PWAs وجميع المتطلبات لتصميم تطبيق ويب. يمكنك البدء في إنشاء تطبيقات الويب التقدمية الأولى التي تعمل دون اتصال بالإنترنت باستخدام عمال الخدمة ، بالإضافة إلى استخدام ملف بيان تطبيق الويب لجعل تطبيقات الويب قابلة للتثبيت على الشاشة الرئيسية للمستخدم.

ستتعلم في هذه الدورة:

• ابدأ في إنشاء هيكل التطبيق الخاص بك.
• استخدم عمال الخدمة لتمكين التطبيق الخاص بك من العمل دون اتصال.
• حدد الأصول التي يجب تخزينها مؤقتًا وكيفية استخدام هذه الأصول المخزنة مؤقتًا في تطبيقك.
• اسمح للمستخدمين بتثبيت تطبيق الويب التقدمي على الشاشة الرئيسية لأجهزتهم.
• تكوين بيان تطبيق الويب بشكل صحيح.

3. تطبيقات الويب التقدمية: دروس متقدمة في PWA

• تصنيف الدورة: 4.8 من 5.0 (إجمالي 726 تصنيفات)
• المدة: 6 ساعات

ينصب التركيز الرئيسي لهذه الدورة التدريبية على إنشاء تطبيقات ويب تقدمية جذابة أو ترقية موقع ويب PWAs موجود باستخدام عمال الخدمة و Caches API و Web App Manifests. يجب أن يكون لدى الطلاب معرفة أساسية بلغة JavaScript أو سياق JavaScript للمتصفح ، حيث لا توجد تغطية لهذه في الدورة.

ستتعلم في هذه الدورة:

• فهم الغرض من PWAs.
• تعرف على كل جانب من جوانب Service Worker API و Caching API في العمق.
• تعلم كيفية إضافة تقنيات PWA إلى تطبيقات الويب الحالية بمساعدة التحسين التدريجي.
• قم بتحويل تطبيق ويب موجود إلى تطبيق ويب تقدمي كامل الميزات دون المساومة على دعم المتصفحات القديمة.
• تدقيق وتحسين تطبيق الويب التقدمي بمساعدة أداة اختبار Google Lighthouse.

4. الزاوي: تطبيقات الويب التقدمية - ينكدين

• تصنيف الدورة: 14409 عدد المسجلين
• المدة: تقريبا. 5 ساعات

يغطي المحتوى الأساسي للدورة التدريبية كيفية إنشاء PWAs باستخدام Angular لتمكين تطبيقات الويب القابلة للتثبيت ، إلى جانب الاستفادة من عمال الخدمة لتمكين تطبيق الويب التقدمي الخاص بك من العمل دون اتصال. يتم أيضًا تغطية واجهة المستخدم وخدمات الويب المتصلة في دورة Linkedin هذه.

ستتعلم في هذه الدورة:

• تطبيقات الويب التقدمية
• تجهيز تطبيق Angular
• إنشاء واجهة المستخدم
• الاتصال بخدمات الويب
• إنشاء PWA قابل للتثبيت
• عدم الاتصال بعاملي الخدمة

5. تطبيقات الويب التقدمية الزاوي (PWA) MasterClass - Udemy

• تصنيف الدورة: 4.8 / 5 (378 تقييم)
• المدة: تقريبا. 4 ساعات

في هذه الدورة ، سيركز المتعلمون بشكل أساسي على موضوعين رئيسيين ، وهما عامل الخدمة الزاوي وأساسيات عمال الخدمة. بعد قولي هذا ، لا تزال الدورة التدريبية تتناول كيفية عمل ميزات متصفح PWA بشكل عام ، وليس فقط في سياق تطبيق Angular. يمنحك إكمال هذه الدورة التدريبية القدرة على تصميم PWAs الخاصة بك وتطويرها واستكشاف الأخطاء وإصلاحها بالإضافة إلى إضافة ميزات PWA التي تستفيد من Angular.

ستتعلم في هذه الدورة:

• كود في مستودع Github مع ملفات ZIP قابلة للتنزيل لكل قسم
• تعلم بالتفصيل الميزات المتعددة التي أتاحها عامل الخدمة الزاوي
• تعرف على كيفية تحويل تطبيق Angular الخاص بك إلى PWA
• اجعل تطبيق Angular الخاص بك قابلاً للتنزيل والتثبيت
• اجعل تطبيق Angular الخاص بك قابلاً للتثبيت بنقرة واحدة باستخدام بيان التطبيق
• أضف غلاف تطبيق لتعزيز أداء بدء التشغيل الأولي

و اكثر.

6. رد فعل: بناء تطبيقات الويب التقدمية (PWAs) - لينكد إن

• تصنيف الدورة: 23707 إجمالي عدد المسجلين
• المدة: تقريبا. 1 ساعة

ستغطي هذه الدورة التدريبية المكثفة الدليل النهائي لبناء PWAs الخاصة بك باستخدام React ، إطار العمل الأمامي المرن. من الملاحظات البارزة لدورة تطبيقات الويب التقدمية هذه أن المتعلمين سيعرفون كيفية تثبيت تطبيقاتهم محليًا باستخدام متصفحات مثل Chrome و Safari لنظام التشغيل iOS.

ستتعلم في هذه الدورة:

• ما هي PWAs؟
• الإعداد: إنشاء تطبيق React
• أدوات PWA
• فهم ميزات PWA

7. Quasar V1: PWA (مع Vue JS 2 و Firebase و NodeJS & Express) - Udemy

• تصنيف الدورة: 4.8 / 5 (إجمالي 450 تصنيفًا)
• المدة: 15 ساعة

هذه الدورة هي جزء من مجموعة Udemy Business. نظرًا لأن الغرض من هذه الدورة التدريبية يركز بشكل أساسي على إنشاء PWA جميل يعمل بشكل جيد على جميع المنصات ، يتعين على المتعلمين أن يكون لديهم معرفة تقنية قوية فيما يتعلق بـ Quasar V1 (مع Vue 2) و Quasar V2 (مع Vue 3) للحصول على أفضل ما في هذه الدورة التدريبية Udemy.

ستتعلم في هذه الدورة:

• كيفية إنشاء PWA استنساخ جميل على Instagram باستخدام Vue JS و Quasar و Firebase
• كيفية دمج ميزات PWA الخمسة الأساسية: تثبيت الشاشة الرئيسية ، والتخزين المسبق ، وإستراتيجيات التخزين المؤقت ، والمزامنة في الخلفية ، وإشعارات الدفع
• كيفية جعل PWA تعمل بكامل طاقتها في وضع عدم الاتصال
• كيفية إنشاء تصميم متجاوب رائع يتكيف عبر الأجهزة المحمولة وسطح المكتب
• كيفية الوصول إلى الكاميرا والموقع الأصلي للجهاز
• كل شيء عن عمال الخدمة و Workbox و Firebase Cloud Firestore و Firebase Storage و NodeJS & Express والمزيد

استنتاج

ليس من السابق لأوانه القول إن PWAs هي مستقبل تطوير الويب. من خلال التسجيل في إحدى دورات تطبيقات الويب التقدمية الأساسية والمفيدة والمدرجة أعلاه ، يمكن لأي شخص الحصول على فهم كافٍ لـ PWAs ، إلى جانب بنائها وتطبيقاتها. نأمل أن تساعدك هذه المقالة في تضييق خياراتك عند اختيار دورة PWAs المناسبة التي تناسب قدرتك ومطالبك في هذه اللحظة.