مطور Fullstack JavaScript - الدورة 59200 روبل روسي. من جامعة إنوبوليس مدة التدريب 4 أشهر
Miscellanea / / November 27, 2023
سوف تتقن الدورة الكاملة لإنشاء موقع الويب وتصبح متخصصًا عالميًا. باستخدام هذه المعرفة، يمكنك زيادة راتبك كمطور Fullstack أو إنشاء مواقع ويب كموظف مستقل.
سوف تتعلم كيفية إنشاء واجهات تفاعلية معقدة والعمل مع الأطر، وتحسين مهاراتك الناعمة، احصل على مشورة الخبراء للنمو الوظيفي حتى تتمكن من تنفيذ مشاريع باهظة الثمن وفهم أين تذهب إضافي. يتم التدريب في شكل ندوات مباشرة عبر الإنترنت مع معلم ومشاورات جماعية مع مرشد.
— العملية الكاملة لإنشاء التطبيق بدءًا من مرحلة التصور ورسم المخططات وحتى إصدار نسخة العمل الأولى؛
- تقنية تطوير الواجهة الأمامية الدقيقة.
- سيكون لديك تطبيق MVP الخاص بك، والذي ستقوم بتطويره ضمن فريق تحت إشراف المعلم؛
— ستفهم مكونات الواجهة الخلفية والأمامية للمنتج، وستكون قادرًا أيضًا على تصميم وبرمجة تطبيق ويب بشكل مستقل.
أنا. استهلالي. مجموعة الأدوات، بوابة، إعداد المشروع
في الكتلة الأولى، سنزود جميع المشاركين في الدورة بمجموعة من الأدوات اللازمة للتقدم من خلال المواضيع. سيتم إجراء استشارات فردية حول التثبيت، سنحدد خلالها الأهداف الفردية للدورة، بناءً على تجربتك في التطوير الشخصي. نتيجة لهذه الكتلة، ستتعلم كيفية تكوين تجميع تطبيق SPA بشكل مستقل مع أي معالج CSS أولي باستخدام حزمة الويب. واحصل أيضًا على فهم أساسي للغة Typescript وميزات تكوينها واستخدامها.
— سنوضح لك في الدرس الأول مجموعة الأدوات اللازمة وكيفية تثبيتها وتكوينها. ستتعلم كيفية إعداد مشروع React من البداية.
- التعرف على أساسيات لغة Typescript واختلافها عن JavaScript.
ثانيا. تتفاعل
خلال الكتلة الثانية، سيتم تشكيل الفرق، وستتحول المشاورات إلى اجتماعات الفريق. في مثل هذه الاجتماعات، سنقرر المشروع، ونشكل مجموعة من الوظائف التي ستكون هدفنا في الدورة. سوف تقوم بتطوير التخطيطات وبحلول نهاية الكتلة ستكون قد قمت بتخطيط جميع صفحات مشروع الفريق في React.
— دعونا نتعرف على تاريخ ظهور أطر عمل الويب، ونناقش مزايا وعيوب React، ونبدأ في تطوير المكونات الأولى في React.
- دعونا ندرس أفضل الممارسات لتنظيم بنية تطبيق React. دعونا نتعمق في تفاصيل عرض مكونات React. لنبدأ باستخدام منهج CSS-IN-JS الحديث لتصميم مكونات React بناءً على المكونات المصممة.
— دعونا نتعلم كيفية العمل بشكل صحيح مع المكونات الرئيسية لمكونات React - Props وState، مما سيساعد على إضافة المرونة إلى المكونات. دعونا نتعرف على الطريقة الصحيحة للتفاعل مع عناصر DOM من مكونات React.
— دعنا نواصل دراسة واجهة برمجة تطبيقات React، وننظر إلى طرق التفاعل مع المكونات الفرعية، ونتعلم كيفية تجنب مشكلة الدعائم التي لا نهاية لها باستخدام السياق. دعونا نلقي نظرة على طريقة بديلة لتوسيع قدرات مكون React.
- دعونا نحلل دورة حياة المكون، ونفهم كيفية تنفيذه، مما سيسمح لنا بإثراء المكونات بأنواع جديدة من المنطق.
- دعونا نفهم كيف تمكنت React من الابتعاد تمامًا عن مكونات الفئة نحو المكونات الوظيفية باستخدام نمط الخطافات الجديد. دعونا نتعرف على الخطافات الأساسية لـ React.
- سنكتشف بالضبط كيفية عمل التبديل بين الصفحات دون إعادة التحميل، وسنقوم أيضًا بتطبيق React-Router في العمل.
- دعونا نتعلم كيفية تطوير تطبيقات React متعددة اللغات.
— دعونا ننظر إلى طرق لإدخال المرونة في تصميم الواجهة، والعمل مع السمات (على سبيل المثال، فاتح/داكن)، والعمل مع الرموز والرسوم المتحركة باستخدام برنامج Loty كمثال.
ثالثا. Nodejs
في هذه الخطوة، ستقوم بتنفيذ خادمك في Node.js باستخدام مكتبة Express.js. تنفيذ API لمشروع جماعي. تعلم العمل في برنامج ساعي البريد. تعرف على أساسيات استخدام صورة عامل الإرساء باستخدام مثال العمل مع قاعدة بيانات Mongodb.
- مقدمة عن Node.js وتاريخها وأساسيات مدير الحزم.
- تعرف على كيفية عمل Node.js مع الملفات، وكيفية إنشاء الوحدات ونشرها، والتعرف على ميزات هذه العملية.
- تعلم كيفية إنشاء خادم على Node.js باستخدام إطار عمل Express.js.
— الاستمرار في دراسة مميزات الخادم على Express.js.
رابعا. إعادة إحياء
بعد إكمال هذه الكتلة، ستفهم كيفية حدوث التفاعل مع واجهة برمجة التطبيقات الخلفية في تطبيق React الحديث. تعلم كيفية تطوير وإدارة كعب الروتين للتطوير المحلي، وتعرف على كيفية إنشاء تطبيق microfrontend قابل للتكوين للعمل مع خادم حقيقي.
— للحصول على فهم متعمق لكيفية عمل مدير حالة Redux، دعنا نكتب نسختنا الخاصة ونفهم أساسيات استخدام Redux.
— دعونا نرى عمليًا كيف ولماذا يتم استخدام Redux في شكله الكلاسيكي.
— إتقان استخدام وفهم مفهوم المحددات ذات الخطافات وبدونها.
— استنادًا إلى المعرفة السابقة، فلنفكر في استخدام أكثر حداثة لـ Redux بفضل مكتبة @reduxjs/toolkit.
— دعونا نفهم تعقيدات العمل مع الخادم ومكانة Redux في هذه العملية.
الخامس. مزاح
في هذه المجموعة، سوف نستكشف كيفية وسبب اختبار تطبيق الويب. سوف تتعلم كيفية اختبار التطبيق الخاص بك وزيادة تغطية اختبار الكود الخاص بك إلى معيار الصناعة بنسبة 80٪. سوف تتعلم مبادئ اختبار التطبيقات باستخدام مكتبة Jest كمثال.
— دعنا نتحدث عن سبب حاجتك لكتابة الاختبارات وكيفية القيام بذلك بسرعة وكفاءة.
- إتقان إعداد إطار اختبار Jest من البداية.
— تكملة للموضوع السابق مع التركيز على اختبار الوحدة.
- سترى كيفية إضافة اختبارات واجهة المستخدم إلى المشروع.
السادس. تطبيق صفحة واحدة
في هذه المجموعة، سنستكشف التقنيات التي سيتم استخدامها في جميع تطبيقات الويب الحديثة وستصبح متاحة بعد إزالة الدعم من Internet Explorer. حدث هذا في 15 يونيو 2022.
— دعونا نتعرف على فكرة تطبيق الصفحة الواحدة.
- دعنا نتعرف على كيفية كتابة مكتبة المكونات الخاصة بك.
- دعونا نتقن تعدد العمليات على Node.js.
- دعنا نكتب محادثة على مقبس الويب. سوف تقوم باختراقها بيديك في الفصل، وستتعلم أيضًا كيفية الدفاع ضد مثل هذه الهجمات.
- دعونا نلقي نظرة على كيفية إنشاء دردشة فيديو خاصة بك لشخصين.
— دعنا نتعرف على أساسيات إعداد الخادم على Nginx والموازنة. سوف نتعلم أيضًا كيفية ربط محركات البحث بتطبيق SPA الخاص بنا.
الدفاع عن المشروع النهائي