تطوير تطبيقات الويب للأعمال - دورة 67200 فرك. من مدرسة كودي للبرمجة للأطفال، تدريب 8 وحدات (أشهر)
Miscellanea / / November 28, 2023
في العديد من الشركات، يعد متصفح الإنترنت أداة العمل الرئيسية للموظفين. في مثل هذه الحالات، يكون من المناسب استخدام تطبيقات الويب بدلاً من برامج سطح المكتب الكلاسيكية لتنظيم عمليات العمل. وهي تعمل على أي جهاز متصل بالإنترنت ويمكن تشغيلها في وقت واحد على جهاز كمبيوتر محمول وهاتف ذكي وشاشة كبيرة. يمكن لمثل هذه التطبيقات أن تحل مجموعة واسعة من المشكلات وتسهل العديد من العمليات، لذلك تقوم الشركات في كثير من الأحيان بتطويرها بشكل فردي، لتناسب احتياجاتها. المبرمجون القادرون على سماع مشكلة العميل وتقديم تطبيق ويب فعال لحلها يستحقون وزنهم ذهباً.
معيار الصناعة لإنشاء تطبيقات الويب هو JavaScript، وهي إحدى لغات البرمجة الأكثر شعبية وطلبًا في العالم.
لقد قمنا بتطوير دورة تدريبية لأولئك الذين يرغبون في تعلم JavaScript والمشاركة في إنشاء حلول تكنولوجيا المعلومات لحل المشكلات الحقيقية لشركة Evotor.
Evotor هي الشركة الرائدة في السوق في مجال التجارة وأتمتة الأعمال الصغيرة. ببساطة، تقوم الشركة بإنشاء محطات ذكية لدفع ثمن السلع والخدمات، والتي بفضلها يمكننا الدفع بسهولة باستخدام البطاقة أو الهاتف أو الساعة. تقوم Evotor أيضًا بتطوير برامج تساعد رواد الأعمال على قبول المدفوعات وإدارة دخلهم.
تم إنشاء دورة "تطوير تطبيقات الويب للأعمال" للأطفال من سن 13 عامًا. في هذه الفصول، لن يتعلم الطلاب إحدى لغات البرمجة الأكثر شيوعًا في العالم فحسب، بل سيخوضون أيضًا الدورة الكاملة التطوير الصناعي لتطبيق ويب: من تحديد المشكلة إلى الدفاع النهائي عن المشروع أمام الممثلين شركة العملاء.
يمكن تنفيذ أفضل عمل في العمليات التجارية الحقيقية للشركة، والتي ستصبح دراسة حالة ممتازة في محفظة المطور المستقبلي.
الجزء الرئيسي من الدورة مخصص لتعلم JavaScript ومهارات إنشاء التطبيقات من الصفر. على طول الطريق، يتقن الطلاب العديد من المهارات الشخصية المهمة، والتي بدونها يستحيل تقديم مشروع الشركة:
سنتحدث أيضًا بطريقة يسهل الوصول إليها حول مخاطر الأعمال ونقاط القوة والضعف لدى المؤسسات وآفاق تطوير قطاع تكنولوجيا المعلومات، بالإضافة إلى العديد من الموضوعات الأخرى المهمة للمطورين الشباب.
هذه دورة بتنسيق التعلم المدمج - التعلم المختلط عبر الإنترنت وغير متصل. في هذا التعايش يظل دافع الطفل هو الحد الأقصى: ليس لديه الوقت لنسيان ما تعلمه في الفصل، ولا يفقد الاتصال بالناس، وهو دائمًا في بيئة إبداعية.
مدرس الدورة:
"البرمجة بلغة JavaScript"، "برمجة الألعاب بلغة Python"، "برمجة الويب"، "Bots in Python"، "البرمجة بلغة Python3"، "تطوير تطبيقات الويب للأعمال"
تعليم:
جامعة شمال القطب الشمالي الفيدرالية. تعليم المدرس.
خبرة:
لقد قامت بتدريس علوم الكمبيوتر للأطفال لأكثر من 3 سنوات. تتحسن باستمرار. لقد درست في مدرسة موسكو للمبرمجين، وحصلت على عدد لا يحصى من الدورات عبر الإنترنت وليس لدي أي خطط للتوقف. مدرس ياندكس. صالة حفلات." برامج في بايثون، C ++ وجافا سكريبت. وفي وقت فراغه من التدريس، يقوم بإنشاء مواقع الويب وتطبيقات الويب وروبوتات الدردشة المخصصة.
الإهتمامات:
يحب التعلم وتعليم الآخرين. يركب الدراجة لمسافات طويلة ويعزف على الجيتار. "لكي تتعلم كيفية برمجة الكمبيوتر، عليك أن تفكر مثل الكمبيوتر، وأن تصبح كمبيوترًا."
شهر 1
اليوم الأول - تقديم جافا سكريبت
الغرض من الدرس: تعريف الطلاب بلغة JS ونطاقها واختلافاتها الرئيسية عن اللغات الأخرى. اكتب برنامج JS الأول الخاص بك باستخدام وظائف الإدخال والإخراج.
- ما هو استخدام JS؟
- إدخال وإخراج المعلومات
- ما هي المتغيرات، توجيهات Let و Const
- أنواع البيانات الأساسية في JS
نتيجة الدرس: تعلم الطلاب كيفية إنشاء برنامج JS بسيط وعرض المعلومات على الشاشة وقراءة المعلومات من المستخدم وتخزينها في متغيرات.
اليوم الثاني - العوامل الرياضية والمنطقية
الغرض من الدرس: تعلم كيفية حل المسائل الرياضية والمنطقية باستخدام JS.
- العوامل الحسابية
- عوامل المقارنة
- نوع البيانات المنطقية
- العوامل المنطقية
نتيجة الدرس: أتقن القدرات الرياضية والمنطقية لـ JS لكتابة منطق البرنامج. تمت كتابة العديد من البرامج لحل المشكلات الرياضية والمنطقية.
اليوم الثالث - العبارات الشرطية
الغرض من الدرس: اكتشف طرقًا للتحكم في تدفق البرنامج باستخدام العبارات الشرطية.
- إذا / بيانات أخرى
- التفرعات المتعددة
- المشغل الثلاثي
- ترتيب تقييم التعبيرات المنطقية
نتيجة الدرس: تعلم الطلاب كيفية تنفيذ الخوارزميات غير الخطية باستخدام مشغلي الفروع. اكتسبت فهمًا أعمق للعمل مع التعبيرات المنطقية. لقد كتبنا برنامجًا بسيطًا لمحادثة غير خطية مع المستخدم.
اليوم الرابع - دورات. حائط اللوب
الغرض من الدرس: حل مشكلة تنفيذ إجراءات مماثلة لكمية كبيرة من البيانات باستخدام الحلقات.
- مفهوم ومعنى الدورة
- أثناء الحلقة
- مفهوم التكرار والمكرر
نتيجة الدرس: تعلم الطلاب كيفية تنفيذ الخوارزميات غير الخطية باستخدام مشغلي الفروع. اكتسبت فهمًا أعمق للعمل مع التعبيرات المنطقية. لقد أنشأنا لعبة "خمن الرقم" أو لعبة مشابهة تعتمد على الدورة.
شهر 2
اليوم الأول - تكرار الهياكل الخوارزمية الأساسية. لحلقة
الغرض من الدرس: كرر ودمج ما تعلمته في الوحدة الأخيرة. دراسة الجديد لبناء حلقة ومزاياها على مر الزمن.
- للحلقة
- عبارات الاستراحة والاستمرار
- تعداد التسلسلات
نتيجة الدرس: لقد انتهينا من دراسة بناء الجملة الأساسي لـ JS وقمنا بتوحيد المعرفة المكتسبة.
اليوم الثاني - الكتل الصخرية
الغرض من الدرس: تعلم كيفية استخدام المصفوفات لتخزين ومعالجة كميات كبيرة من البيانات المماثلة.
- مفهوم وإعلان المصفوفات
- طرق المصفوفة
- التكرار خلال عناصر المصفوفة
- صفائف متعددة الأبعاد
نتيجة الدرس: تعلم الطلاب كيفية تخزين ومعالجة كميات كبيرة من البيانات باستخدام المصفوفات.
اليوم الثالث - العمل مع السلاسل
الغرض من الدرس: تعلم كيفية العمل بفعالية مع المعلومات النصية باستخدام إمكانات السلسلة في JS.
- الاقتباسات والشخصيات الخاصة
- العمل مع الشخصيات، وتغيير الحالة
- البحث والحصول على سلسلة فرعية
- مقارنة السلسلة
- مفهوم الترميز
نتيجة الدرس: تعلم الطلاب كيفية استخدام أدوات JS لمعالجة النص وإنشائه وتعديله.
اليوم الرابع - الوظائف
الغرض من الدرس: تعلم كيفية تنظيم البرامج باستخدام الوظائف.
- إعلان الوظيفة
- نطاقات متغيرة
- معلمات الوظيفة
- إرجاع القيم
نتيجة الدرس: تعلم الطلاب كتابة تعليمات برمجية جميلة ومفهومة ومنظمة باستخدام الوظائف.
شهر 3
اليوم الأول - الكائنات
الغرض من الدرس: تعلم كيفية تخزين البيانات المترابطة بسهولة باستخدام الكائنات، والتعرف على أساسيات البرمجة الموجهة للكائنات.
- إنشاء كائن
- المفاتيح والقيم
- طرق الكائن
- منشئو الكائنات
- صفائف من الكائنات
نتيجة الدرس: لقد انتهينا من دراسة أدوات JS لتخزين المعلومات بسهولة. لقد كتبنا برنامج "دليل الهاتف" أو ما شابه.
اليوم الثاني - أساسيات التخطيط باستخدام Bootstrap
الغرض من الدرس: تعلم أساسيات HTML وCSS. تعرف على إطار عمل Bootstrap لإنشاء الواجهات بسرعة.
- أساسيات HTML وCSS
- فئات CSS، مكونات Bootstrap
نتيجة الدرس: تعلم الطلاب كيفية إنشاء واجهات باستخدام Bootstrap. لقد أنشأنا الواجهة لتطبيق قائمة المهام.
اليوم الثالث - العمل مع DOM
الغرض من الدرس: تعرف على أساسيات تخطيط HTML واستخدام JS لمعالجة العناصر الموجودة على الصفحة.
- البحث عن العناصر الموجودة في الصفحة
- سمات وخصائص العناصر
- تعديل وثيقة
نتيجة الدرس: تعلم الطلاب كيفية التعامل مع محتوى الصفحة باستخدام JS. لقد فكرنا في بنية البيانات لتطبيق قائمة المهام.
اليوم الرابع - الأحداث
الغرض من الدرس: تعلم كيفية العمل مع أحداث صفحة الويب وربط وظائفك بها
- أحداث الماوس ولوحة المفاتيح والمستندات
- إنشاء معالجات الأحداث
- الحصول على معلومات حول حدث وعنصر
نتيجة الدرس: تعلم الطلاب كيفية التعامل مع الأحداث في JS، وأكملوا العمل على تطبيق "قائمة المهام".
شهر 4
اليوم الأول - أساسيات git وnodejs وnpm وexpress
الغرض من الدرس: الاستعداد لإنشاء تطبيق ويب باستخدام إطار عمل Express. التعرف على الأدوات الرئيسية للعمل مع المشروع
- git، مفهوم الالتزام، إنشاء المستودع
- تشغيل برامج JS باستخدام Nodejs
- إدارة التبعيات مع npm
- إنشاء قالب تطبيق في Express
نتيجة الدرس: قام الطلاب بإنشاء قالب طلب باستخدام Express وقاموا بإعداد الأدوات اللازمة للوظيفة.
اليوم الثاني - المسارات والأنماط
الغرض من الدرس: تعرف على مفهوم طلبات ومسارات http في تطبيق الويب. تعرف على كيفية إنشاء قوالب الصفحات وإدراج البيانات اللازمة فيها.
- فهم مسار الطلب وطلبات GET وPOST
- إنشاء معالجات للطلبات
- كتابة قوالب صفحة استبدال البيانات
نتيجة الدرس: تعلم الطلاب الأدوات الأساسية لإنشاء تطبيق ويب بلغة Express وقاموا بكتابة مدونة بسيطة بلغة JS.
اليوم الثالث - قواعد البيانات ووحدات التحكم
الغرض من الدرس: تعرف على كيفية توصيل قاعدة بيانات بتطبيق Express وإجراء استعلامات بسيطة لقاعدة البيانات.
- MongoDB و Mongoose
- كتابة المخطط ونموذج البيانات
- لغة جيسون
- إضافة المستندات إلى قاعدة البيانات
- استلام الوثائق من قاعدة البيانات
نتيجة الدرس: قام الطلاب بربط قاعدة البيانات بمدونة على Express. لقد تعلمنا كيفية كتابة المخطط ونموذج البيانات وإضافة المعلومات والاستعلام عنها من قاعدة البيانات.
اليوم الرابع - المستخدمون وتسجيل الدخول
الغرض من الدرس: تعرف على أساسيات العمل مع حسابات المستخدمين في تطبيق Express. التفويض والمصادقة.
- إنشاء حسابات المستخدمين
- حفظ المستخدمين المسجلين في قاعدة البيانات
– البرامج الوسيطة والمسارات المحمية
- صفحة المستخدم
نتيجة الدرس: تعلم الطلاب أساسيات العمل مع حسابات المستخدمين في تطبيقات الويب. تمت إضافة ترخيص إلى المدونة على Express.
شهر 5
اليوم الأول - بناء الفريق. مقدمة متعمقة إلى HTML
الغرض من الدرس: قسم المجموعة إلى فرق، ووزع الأدوار، وأنشئ التواصل داخل الفرق. تعرف على المزيد حول ميزات لغة HTML.
- بناء الفريق:
- تشكيل الفرق
- توزيع الأدوار داخل الفريق
- التواصل عبر برنامج Slack messenger
- التطوير:
- العلامات والآباء والأطفال
- العلامات المفردة والمزدوجة
- div والعلامات الدلالية
- سمات العلامة
نتيجة الدرس: بدأنا العمل في مجموعات وأنشأنا اتصالات داخل المجموعة. أصبح الطلاب أكثر دراية بميزات لغة HTML.
اليوم الثاني - أهداف وغايات العمل
الغرض من الدرس: تعرف على أهداف وغايات الأعمال ذات الأولوية للشركات، وتعلم كيفية تحديد أهداف حالة معينة (مطلوب تعليقات الشركة).
- مفاهيم أهداف وغايات العمل ذات الأولوية
- لقاء مع ممثلي الشركة
- تحليل المعلومات الواردة من العميل
نتيجة الدرس: بعد الدرس، يتمكن الطالب من التمييز بين أهداف العمل، وذلك باستخدام المعرفة المكتسبة في الدرس، وتحليل المعلومات من العميل، وتقديم النتيجة في شكل هدف العمل المكتوب للعميل.
اليوم الثالث - التعمق في CSS
الغرض من الدرس: تعرف على المزيد حول ميزات لغة CSS. تعرف على كيفية فصل الاهتمامات بين HTML وCSS.
- التمييز بين المحتوى والتصميم
- المحددات والخصوصية
- نموذج الكتلة
- الطبقات الزائفة
نتيجة الدرس: تعلم الطلاب المزيد عن ميزات لغة CSS.
اليوم الرابع - قصة المستخدم
الغرض من الدرس: فكر في نموذج تطبيق ويب (مطلوب الحصول على تعليقات من الشركة).
- مفهوم قصة المستخدم
- التفكير في قصة المستخدم لتطبيقك بناءً على هدف العمل المحدد مسبقًا
- العمل على نموذج لتطبيق ويب مستقبلي
نتيجة الدرس: في هذا الدرس، تعلم الطلاب ما هي قصة المستخدم، واستنادًا إلى هدف عمل محدد مسبقًا، فكروا في نموذج لتطبيق مستقبلي باستخدام آليات مختلفة.
شهر 6
اليوم الأول - Flexbox
الغرض من الدرس: تعرف على كيفية التعامل مع الكتل الموجودة على الصفحة باستخدام أدوات Flexbox.
- ما هو فليكس بوكس
- الحاويات والعناصر الموجودة في الحاوية
- خصائص تحديد المواقع الأساسية
- Flexbox باستخدام فئات مساعد Bootstrap
نتيجة الدرس: تعرف الطلاب على أساليب التخطيط الحديثة باستخدام Flexbox.
اليوم الثاني - بناء تخطيط في الشكل
الغرض من الدرس: تطوير نموذج أولي لتطبيق الويب في Figma.
- مميزات ومميزات فيجما
- المكونات والأطر والشبكات
- العمل على تخطيط التطبيق، مع الأخذ بعين الاعتبار الملاحظات الواردة خلال مرحلة قصة المستخدم
نتيجة الدرس: قام الطلاب، باستخدام تطبيق Figma، بإنشاء نموذج أولي جاهز (تخطيط التصميم) لتطبيق ويب.
اليوم الثالث - العمل الجماعي. الغوص العميق في جيت
الغرض من الدرس: تعلم كيفية العمل باستخدام أدوات git وGithub الأساسية.
- التدريج والالتزام
- ملف .gitignore
- الفروع والدمج
- المستودع البعيد وأوامر الدفع والسحب
نتيجة الدرس: تعلم الطلاب العمل الجماعي باستخدام أدوات git.
اليوم الرابع - الغوص العميق في التوجيه ووحدات التحكم في Express
الغرض من الدرس: قم بمراجعة الأسئلة المتبقية حول معالجة الاستعلام في Express.
- طلب المعلمات
- ضبط رمز الاستجابة
- جهاز التوجيه
- استقبال بيانات طلب المشاركة
- إعادة التوجيه
- إرسال ملف
نتيجة الدرس: اكتسب الطلاب فهمًا أكثر شمولاً للعمل مع التوجيه ومعالجة الطلبات في تطبيق Express.
شهر 7
اليوم الأول - اعمل على مشاريعك الخاصة. الملفات الثابتة
الغرض من الدرس: ابدأ في وضع تطبيقات الويب الخاصة بك موضع التنفيذ. تعرف على كيفية معالجة الملفات الثابتة في تطبيق Express.
- كيف تختلف الملفات الثابتة عن المعلومات الديناميكية ولماذا يجب معالجتها بشكل منفصل
- إعداد التدفق لمعالجة الملفات الثابتة
نتيجة الدرس: واصل الطلاب العمل في مشاريعهم الخاصة. تعلمت كيفية العمل مع الملفات الثابتة في Express.
اليوم الثاني – العمل على مشاريعك الخاصة. العمل بعمق مع MongoDB وMongoose
الغرض من الدرس: استمر في العمل على تطبيقات الويب الخاصة بك. راجع الأسئلة المتبقية حول العمل مع قاعدة بيانات MongoDB في Express.
- أنواع البيانات في المخططات
- التحقق من صحة البيانات وتخزينها
- أنواع مختلفة من استعلامات قاعدة البيانات
نتيجة الدرس: واصل الطلاب العمل في مشاريعهم الخاصة. اكتسبت فهمًا أعمق للعمل مع البيانات في Express باستخدام MongoDB وMongoose.
اليوم الثالث - اعمل على مشاريعك الخاصة. استمر في العمل مع البيانات في Express
الغرض من الدرس: استمر في العمل على تطبيقات الويب الخاصة بك. تعلم بعض الأساليب المثيرة للاهتمام للتعامل مع البيانات في Express.
- طلب بيانات غير متزامن
- رسائل فلاش على الصفحة
- تحرير السجلات الموجودة في قاعدة البيانات
نتيجة الدرس: يستمر العمل في مشاريعنا الخاصة. تعلم الطلاب كيفية تنفيذ تقنيات مفيدة للعمل مع البيانات في Express.
اليوم الرابع - العرض والتحدث أمام الجمهور
الغرض من الدرس: ابدأ في الاستعداد لحماية تطبيقات الويب الخاصة بك.
- تحليل الموضوع والغرض من العرض التقديمي (مفهوم العرض التقديمي: أين ولماذا يتم استخدامه، إنشاء خريطة ارتباط لموضوعك، كتابة قصة نصية كاملة حول الموضوع المحدد)
- نموذج العرض (مراحل العرض، تحديد المقدمة المنطقية، الفكرة الرئيسية، الاستنتاجات)
نتيجة الدرس: بدأ الطلاب في الاستعداد للدفاع عن تطبيقات الويب الخاصة بهم، وتعرفوا على شروط العرض التقديمي الناجح، وتدربوا على كتابة خطابهم الخاص.
شهر 8
اليوم الأول - اعمل على مشاريعك الخاصة. ترقيم الصفحات
الغرض من الدرس: إنهاء العمل على تطبيقات الويب وإصلاح أحدث الأخطاء وتحديد أحدث المشكلات. تعرف على كيفية عمل ترقيم الصفحات (تقسيم كمية كبيرة من المعلومات إلى عدة صفحات).
- إنشاء ترقيم الصفحات
نتيجة الدرس: يدخل العمل على تطبيقات الويب مرحلته النهائية. تلقى الطلاب النصائح النهائية لمراجعتهم. تعلمت كيفية استخدام ترقيم الصفحات في تطبيقاتك.
اليوم الثاني - نشر التطبيق على الخادم
الغرض من الدرس: تعرف على كيفية إعداد خادم على Linux وإعداد بيئة NodeJS ونشر تطبيق على Express.
- تسجيل خادم افتراضي خاص
- أساسيات إدارة Linux (العمل مع الحزم، إدارة المستخدم، SSH، جدار الحماية)
- تثبيت NodeJS على الخادم
- مدير العمليات PM2
نتيجة الدرس: تعلم الطلاب كيفية إعداد الخادم الخاص بهم على نظام Linux، وإنشاء بيئة ونشر تطبيقات الويب الخاصة بهم.
اليوم الثالث - العرض والتحدث أمام الجمهور
الغرض من الدرس: استمر في الاستعداد لحماية تطبيقات الويب الخاصة بك.
– تصميم العرض التقديمي (أساسيات العرض التقديمي الناجح، وملء الشرائح بالمعلومات النصية، إنشاء عرض تقديمي دون مساعدة التخطيطات الجاهزة، وتطوير أسلوبك وتصميمك الخاص العروض)
- التحدث أمام الجمهور (الإعداد المستقل لنص حول موضوع مختار، إعداد عرض تقديمي لخطاب، الدفاع عن المشروع)
نتيجة الدرس: واصل الطلاب الاستعداد للدفاع عن تطبيقات الويب الخاصة بهم، وتعلموا مبادئ تصميم العروض التقديمية، ومارسوا التحدث أمام الجمهور.