web developer roadmap

خريطة الطريق مطور الويب

يعد Roadmap Developer Developer مسارًا تعليميًا لفهم تطوير الويب ، بما في ذلك الواجهة الأمامية والخلفية والسحابة (AWS).

كيف تتعلم تطوير الويب؟

يمكن تقسيم تطوير الويب إلى أربعة أجزاء مختلفة ،

1. قاعدة البيانات
2. الخلفية
3. الواجهة
4. سحابة (خادم)

تتكون خارطة الطريق هذه من تقنيات/أطر عمل مستخدمة على نطاق واسع للواجهة الأمامية والخلفية. ويتضمن أيضًا نظرة عامة حول Cloud (AWS) وبعض المعلومات حول الخادم.

جدول المحتويات

• Sprint 1 - أوامر Linux الأساسية ، التحكم في الإصدار ، تقنيات الويب واتفاقيات الترميز
• Sprint 2 - Docker ، قواعد البيانات و PHP
• Sprint 3 - Golang
• Sprint 4 - Node.js
• Sprint 5 - Vue.JS
• Sprint 6 - مفاهيم مفيدة

Sprint 1 - أوامر Linux الأساسية ، التحكم في الإصدار ، تقنيات الويب واتفاقيات الترميز

عملي 1.1 - الأوامر الأساسية والتحكم في الإصدار

• اكتب أوامر للعمليات التالية في المحطة

  • سرد جميع الملفات مع التفاصيل في الدليل
  • إعطاء إذن قراءة فقط لأي ملف
  • أعط كل أذونات القراءة والكتابة لأي ملف
  • احصل على عنوان IP للكمبيوتر الشخصي
  • مراقبة استخدام مساحة القرص
  • عرض تاريخ الأوامر التي تم تنفيذها مسبقًا
  • أمر Linux لتثبيت/إلغاء تثبيت PHP
  • أمر Linux لبدء/إيقاف خدمة MySQL
  • اكتب وحفظ أي ملف من المحطة

• أداء العمليات التالية في جيتلاب

  • إنشاء مستودع إلى gitlab
  • تحقق من حالة git من المستودع
  • ارتكب ملفات جديدة/محدثة في مستودع GIT
  • ادفع في مستودع GIT
  • سحب تغييرات جديدة من المستودع
  • الخروج فرع جديد
  • دمج الفرع في آخر
  • ريباس والاسكواش
  • إنشاء طلب دمج
  • اكتب أمرًا لاستنساخ هذا الريبو

مراجع

• أوامر Linux الأساسية

• ما هو التحكم في الإصدار؟

• كيفية استخدام git

  • التحكم في الإصدار مع GIT
  • GIT: دليل المبتدئين لفهم مفاهيم التحكم في الإصدار الأساسي
  • أوامر GIT

عملي 1.2 - تقنيات الويب الأساسية مع اتفاقيات الترميز

• تصميم واجهة المستخدم مع معايير الترميز
  • تصميم واجهة مستخدم ثابتة في الرابط
  • تصميم واجهة المستخدم المستجيبة في الرابط

مراجع

• HTML5

  • دورة Bootcamp لتطوير الويب على Udemy - القسم 2 و 3
  • HTML الأساسي و HTML5 من Free Code Camp

• CSS3

  • دورة Bootcamp لتطوير الويب على Udemy - القسم 4 و 5
  • Bootstrap من دورة Bootcamp لتطوير الويب على Udemy - القسم 6 و 8
  • ما هو Flexbox؟
  • bootstrap من مكتبات الواجهة الأمامية في معسكر رمز مجاني
  • الانتهاء من دورة شهادة تصميم الويب المستجيبة من معسكر الكود المجاني

• تنسيق الكود وأفضل الممارسات

  • 25 الأكثر استخدامًا مقابل اختصارات الكود
  • تنسيق الرمز في VS Code
  • أفضل الممارسات لتطوير الويب

عملي 1.3

• وحدة محول الوحدة
  • قم بإنشاء محول وحدة يجب أن يأخذ مدخلات من المستخدمين وإخراج القيمة في الوحدة المطلوبة (يمكن أن تكون وحدات التحويل سنتيمترات وأمتار وكيلومترات)

مراجع

• JavaScript & Jquery

  • JavaScript الأساسي من دورة Bootcamp لتطوير الويب على Udemy - القسم 9 و 10
  • JavaScript الأساسي ، ES6 ، التعبيرات العادية ، والتصحيح من معسكر الكود الحر
  • دورة Bootcamp لتطوير الويب على Udemy - القسم 11 و 13
  • JSON و APIs و Ajax من Free Code Camp
  • إنهاء خوارزميات JavaScript وهياكل البيانات من معسكر التعليمات البرمجية الحرة
  • دورة Bootcamp لتطوير الويب على Udemy - القسم من 14 إلى 16
  • إنهاء مشاريع مكتبات الواجهة الأمامية من معسكر الكود المجاني
  • الفرق بين == و ===
  • أساسيات jQuery

• اتفاقيات الترميز

  • معايير الترميز 1
  • معايير الترميز 2

Sprint 2 - Docker ، قواعد البيانات و PHP

عملي 2.1

• تثبيت MySQL باستخدام Docker
• تثبيت mongodb باستخدام Docker

مراجع

• ما هو دوكر
• البدء مع Docker
• تثبيت MySQL باستخدام Docker
• تثبيت mongodb باستخدام Docker

عملي 2.2

• أداء الاستعلامات التالية في MySQL

  • قم بإنشاء جدول يسمى students مع معرف الحقول ، First_Name ، Last_Name ، المعيار ، النسبة المئوية ، الفائدة ، إلخ ... وإدراج البيانات فيها
  • إنشاء Table student_attendances مع معرف الحقول ، Create_AT ، حقول التواجد/الغياب وإدراج البيانات فيها
  • قم بإنشاء جدول يسمى teachers مع معرف الحقول ، First_Name ، Last_Name ، الموضوع ، المصالح ، إلخ ... وإدراج البيانات فيه
  • قم بإنشاء TABLE teachers_attendances
  • أعد استعلامات للعثور على وجود/غياب الطالب في يوم معين
  • ابحث عن الغياب الكامل/وجود كل طالب
  • العثور على الطلاب الغائبين مع نسبة مئوية أقل من 70.
  • ابحث عن طالب لديه وجود أكثر
  • احصل على كل الطلاب والمعلم الأول _name ، last_name ، full_name ، الاهتمام ، المعيار ، الموضوع والغياب التام.

• أداء الاستعلامات التالية في mongodb (يمكن استخدام mongodbplayground إلى استعلامات PEForm)

  • قم بإنشاء مجموعة تدعى students مع معرف الحقول ، First_Name ، Last_Name ، المعيار ، النسبة المئوية ، الفائدة ، إلخ ... وإدراج البيانات فيها
  • تشكيل استعلام للعثور على الطلاب الذين لديهم نسبة مئوية أقل من 70 والاهتمام بالرياضة.
  • عد إجمالي الطلاب بنسبة مئوية أعلى من 70

مراجع

• دورة Bootcamp لتطوير الويب Udemy - القسمان 24 و 25
• ميسقل الاستعلام الفرعي والاتحاد

عملي 2.3

• قم بإنشاء تطبيق مدونة مع المتطلبات التالية باستخدام PHP
  • يجب أن يكون له جانبان
    • 1. مسؤل
    • 2. مستخدم
  • قم بتنفيذ وظيفة التسجيل وتسجيل الدخول لكل من المستخدم والمشرف
  • يمكن للمسؤول إضافة منشورات (حقول النشر - العنوان ، الوصف ، Created_Date ، المؤلف ، الفئة ، الصورة)
  • يمكن للمسؤول تحديد أي المستخدم يمكنه رؤية المنشور
  • ستكون المشاركات المضافة مرئية على جانب المستخدم (الأحدث أولاً)

مراجع

• PHP: مرجع اللغة
• PHP: مقدمة
• معيار الترميز

المفاهيم الأساسية

• تثبيت WAMP/MAMP/XAMPP
• كيف يعمل بالضبط؟
• بناء الجملة الأساسي
• المتغيرات والثوابت والمشغلين وهياكل التحكم
• الشروط والحلقات وحالات التبديل
• المصفوفات والسلسلة ووظائف السلسلة المختلفة
• وظائف
• يشمل والمطلوب
• الفصول والكائنات والمشاركات
• مساحات الأسماء
• الامتدادات
• استثناءات
• json encode & decode
• جلسات
• ملفات تعريف الارتباط
• معالجة الملف
• صفيف فهرسة مقابل صفيف الترابط
• كائن مقابل stdobject
• مهلة البرنامج النصي PHP

المتغيرات المحددة مسبقا

• http://php.net/manual/en/reserved.variables.php
• $ Global
• $ _server
• $ _get
• $ _post
• $ _files
• $ _request
• $ _session
• $ _cookie

خيارات متقدمة

• واجهات
• سمات
• crons
• الملحن
• php.ini التعديلات

الكلمات الرئيسية

• خاص
• عام
• ثابت

Sprint 3 - Golang

عملي 3.1

• تطبيق تطبيق الموسيقى مع متطلبات معينة

المفاهيم الأساسية

• لماذا تذهب؟

• قم بتشغيل برنامج Hello World In Go

• اذهب وحدات

• إطار الجن

• الثوابت ، أنواع متغيرة

• وظائف ، وظائف الإرجاع متعددة ، init ()

• الحزم والاستيراد

• البيانات الشرطية والحلقات

• المصفوفات والشرائح

• المؤشرات والهياكل والأساليب

• معالجة الخطأ

• GOFMT

• أفضل العمليات

• آحرون

  • JWT
  • جيسون
  • استراحة API

مفاهيم متقدم

• الخرائط في الذهاب
• التزامن و goroutine
• تأجيل
• معالجة الخطأ
• الذعر والتعافي
• انعكاس
• اكتب التحويل
• التلاعب بالملف
• قطع الأشجار
• المصادقة مع JWT (JSON Web Token)

حزم

• شرك
• حزمة MySQL
• net/http
• ضاغط الملف
• قطع الأشجار
• mongodb
• ioutil
• نظام التشغيل
• سلاسل
• تحليل ثابت إلى ثنائي
• معالج القيمة الخالية
• JWT
• Socket.io
• خفير

Sprint 4 - Node.js

عملي 4.1

• تطبيق تطبيق الدردشة في الوقت الفعلي واحد

عملي 4.2

• تنفيذ تطبيق التجارة الإلكترونية مع متطلبات معينة

مراجع

• غزل

• NPM

• الغزل مقابل NPM

• العقدة

• لماذا node.js؟

• المفاهيم الأساسية:

  • commonjs و esmodule
  • وحدة التحكم
  • نِطَاق
  • الجزء الرئيسي "هذا" الجزء 1
  • الجزء الرئيسي "هذا" الجزء 2
  • فهم package.json
  • استيراد/تصدير يتطلب
  • عمليات الاسترجاعات
  • async-await
  • Async.waterfall ()
  • المرجع
  • حلقة الحدث
  • Node Mailer لإرسال رسائل البريد الإلكتروني
  • أفضل الممارسات

• Express.JS

  • تثبيت
  • مولد صريح
  • التوجيه
  • استضافة الملفات الثابتة
  • محرك القالب (EJS)
  • محلل الجسم

Sprint 5 - Vue.JS

عملي 5.1

• تنفيذ الواجهة الأمامية لتطبيق التجارة الإلكترونية باستخدام Vue.js مع متطلبات معينة

مراجع

• ابدأ مع vue.js

• CSS Tailwind للمبتدئين

• Tailwind CSS البرنامج التعليمي

• بينيا

• المفاهيم

  • ما هو vue.js؟
  • ابدء
  • تثبيت
  • مثيلات التطبيق والمكونات
  • بناء الجملة قالب
  • خصائص البيانات وطرقها
  • خصائص محسوبة ومراقبون
  • روابط الطبقة والأناقة
  • عرض مشروط ، ملزمة النمط الشرطي
  • عرض قائمة
  • معالجة الأحداث
  • شكل روابط الإدخال
  • أساسيات المكون
  • الدعائم
  • تسجيل المكون
  • فتحات
  • الحكام قالب
  • إدارة الدولة

Sprint 6 - مفاهيم مفيدة

المفاهيم

• بروتوكولات HTTP
• سلوك غير متزامن مقابل السلوك المتزامن
• التخزين المؤقت (فهم ريديس)
• الاختبار: الوحدة والميزات نظرة عامة
• Docker بالتفصيل
• Nginx vs Apache Server
• تسجيل الدخول الخادم مع كلمة المرور/مفاتيح SSH
• جداول IP
• PHP-FPM و HTTPD
• SSH ، SSL ، الشهادات والمفاتيح

سحاب

• ما هو AWS؟
• S3
• EC2
• RDS
• مرنة
• الطريق 53
• SES
• CloudWatch
• VPC
• AWS LAMDA
• AWS API Gateway
• الخدمات المجهرية
• ما هي الخدمات المجهرية؟ كيف تنفذها AWS؟
• تطبيق الخدمات المجهرية باستخدام GO

إضافي

• خريطة الطريق Golang
• خريطة الطريق NodeJS