Mustafa Suleiman

تم توضيح ذلك، في المواقع الخاصة بالتصميمات، أرجو قراءة قراءة الجزء الأخير

بالضبط التعمق في بايثون في البداية، سيجنبك الكثير من الصعوبات لاحقًا. بالنسبة للتواصل، تستطيع طرح طلب (سؤال) في قسم أسئلة البرمجة للتواصل مع الآخرين حيث سيتم رؤية سؤالك من قبل الآخرين، أيضًا مجتمع https://io.hsoub.com تابع لشركة حسوب ومخصص للتواصل.

ما تبحث عن هو Templates أي قوالب، في البداية إن كان ذلك بغرض التعلم فهو أمر جيد لتفحص الكود وإنشاء مثله، لكن إن ما كنت في مرحلة التعلم فلا أنصحك أبدًا بفعل ذلك فأنت بحاجة إلى الممارسة لا إختصار الوقت. إنشاء موقع أو اثنان ليس بالأمر الكافي، ويجب إنشاء أكثر من موقع بأفكار وتصاميم مختلفة لتوظيف ما تعلمته. عامًة المستودع التالي ستجد به القوالب التي تبحث عنها: https://github.com/bradtraversy/design-resources-for-developers#html--css-templates الأفضل استلهام التصميم وتطويره بنفسك، والأمر متاح وبوفرة، كل ما عليك هو إعتماد 3 مواقع تُفضلها من ضمن مواقع كثيرة تقدم تصميمات لتستلهم منها، الأسهل هو الإعتماد على موقع Pinterest وهو بمثابة محرك Google ولكن للصور والأفكار الإبداعية، أي بدلاً من البحث عن معلومات، أنت تبحث عن إلهام بصري. ابحث مثلاً عن Restaurant Website Landing Page أو Minimalist Cafe UI Design، الفكرة هي البحث باسم نوعية التصميم التي تريدها، حيث Minimalist يعني البساطة، عامًة مع الوقت سيتضح لك الأمر وستكتشف العديد من المواقع عن طريقه. لديك أيضًا المواقع التالية: Dribbble Awwwards Behance onepagelove collectui

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

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

ابحث عن javascript projects for beginners وقم بتفعيل خيار الترجمة لاستيعاب الشرح، أو لو أردت باللغة العربية، ابحث عن مشاريع جافاسكريبت للمبتدئين.

على أرض الواقع لا يتم استخدام أحدث التقنيات في جميع المشاريع، فغالب الحال ستعمل على مشاريع تم تطويرها بالفعل منذ مدة، بالتالي ستجد أنّ JQuery مستخدمة بها بالرغم من أنّها عفا عليها الزمن ولم تعد تُستخدم بكثرة حاليًا كما كانت من قبل، وذلك بسبب تطور جافاسكريبت. بالتالي ليس شرط تعلم jQuery وتستطيع تعلم React مباشرًة وذلك يكفي، ثم تستطيع تعلم jQuery وقتما تحتاج إلى ذلك، ولو أردت رأي تعلم أساسيات jQuery ثم التطبيق على مشروع بسيط لا أكثر، وفي حال احتجتها تستطيع التعمق بها. بالنسبة لجافاسكريبت، فحاليًا قمت بإنهاء مسار الأساسيات، يجب إذن التطبيق على ما درسته، ابحث على اليوتيوب عن مشاريع جافاسكريبت للمبتدئين وقم بتنفيذ مشروعين على الأقل، ثم تستطيع متابعة دورة تطوير واجهات المستخدم.

في حال ستعمل على مواقع العمل الحر، فمطوري ووردبريس مطلوبين وبكثرة، لكن لا تشتت نفسك، حيث ستحتاج إلى تعلم لغة PHP من أجل تعلم ووردبريس، الأفضل التعمق في الواجهة الأمامية أولاً من خلال التقنيات التي اخترتها وهي React و Next.js واللذان يعتمدان على لغة جافاسكريبت. في حال المشاريع الموجودة على منصة العمل الحر بها مشاريع أكثر لووردبريس، فتستطيع تعلم أساسيات PHP ثم تعلم كيفية تطوير قالب لووردبريس وتخصيصه، لكن لن تكتفي بذلك ستحتاج إلى تعلم لارافل أيضًا طالما اتجهت ناحية PHP. المسار الأول من دورة PHP متاح لك بشكل مجاني تستطيع دراسته. بالنسبة لتطوير مستواك كمطور واجهة أمامية، فهناك نقطة هامة ستفيدك بشكل كبير ألا وهي تعلم أساسيات الـ UI/UX، فأنت ستعمل بمفردك على المشاريع على مواقع العمل الحر، وفي غالب الأوقات ستقوم بتصميم الواجهة وأحيانًا ستقوم بتحويل واجهة تم تصميمها من قبل مُصمم UI/UX وستعمل أنت على تحويلها إلى مشروع حي. وكذلك أثناء بناء معرض أعمالك أنت بحاجة إلى مشاريع بجودة مرتفعة، ومن غير المنطقي أن يكون التصميم الخاص بها غير جيد، وحتى لو الكود بمستوى مرتفع، فالواجهة هي مرآة للمشروع وُتعطي إنطباع فوري عنه، ستجد تفصيل هنا: وبالنسبة لطرح عروض على المشاريع بشكل جيد، ستجد تفصيل هنا:

من الدورات المطلوبة بالفعل، لكن في الوقت الحالي هي غير متوفرة، وقد يتم توفيرها عما قريب، حيث يتم إطلاق دورات جديدة كل فترة، تستطيع دراسة مجال الأمن السيبراني من مصادر أخرى، وبخصوص المسار البرمجي Roadmap الذي يجب أن تسير عليه لتعلم الأمن السيبراني فقد تم توضيحه هنا من قبل خبير في المجال وهو محمد عبد الباسط النوبي، بعنوان ١٠١ - دليلك فى البرمجة ومجال امن وحماية واختبار اختراق تطبيقات الويب وستجد به كل ما تحتاج معرفته. وأنصحك أيضًا بقراءة النقاش الخاص به على منصة حسوب I\O حيث أجاب به على الكثير من الأسئلة. بالنسبة لدورة العمل الحر، فذلك ليس ضمن نطاق الدورات الخاصة بالأكاديمية والتي تختص بمجال البرمجة فقط، لكن هناك دروس ومقالات متاحة لتعلم ذلك:

تستطيع البدء بحل مسائل صغيرة فور تعلم أي مفهوم جديد، أي الجمع بين التعلم النظري والتطبيق عبر التمارين من خلال منصات HackerRank أو Edabit أو Codewars للمبتدئين، حيث تبدأ بالتدرج من خلال منصة سهلة نسبيًا مثل Codewars وحل الأسئلة السهلة ثم المتوسطة ثم الصعبة، ثم الإنتقال لمنصة leetcode وحل المسائل التي بها بدءًا من مستوى متوسط فما فوق. https://www.codewars.com/collections/javascript-basics-2 ولكن قبل حل المسائل البرمجية عليك تعلم أساسيات هياكل البيانات والخوارزميات أي مفاهيم بسيطة من الـ DSA مثل: Arrays وطرق التعامل معها. Strings والخوارزميات الأساسية عليها مثل عكس النصوص، البحث عن عنصر. وبعد حل أي مسألة، اقرأ حلول الآخرين لتعلم مفاهيم وطرق جديدة وخصص وقت يومي للحل حتى لو 30 دقيقة. وعند الوصول لمستوى أسئلة متوسط الصعوبة، ابدء في دراسة مفهوم Time Complexity بشكل بسيط واستيعاب الفرق بين O(n) و O(n^2).

الأفضل لك هو دراسة دورة الذكاء الاصطناعي، حيث يتم التركيز على تحليل البيانات بنسبة أكبر لكونه من اختصاص الدورة، بينما دورة بايثون لا يوجد تركيز على ذلك، بل مجرد شرح للأساسيات. عامًة المسارات المناسبة هي: أساسيات لغة بايثون Python تطبيقات عملية باستخدام بايثون Python تحليل البيانات أساسيات تعلم الآلة Machine Learning وبالنسبة للمهارات المطلوبة ستجد تفصيل هنا:

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

يعني تحديث للغة HTML، فمقارنًة بالإصدار الرابع تم إضافة مزايا عديدة في لغة HTML 5، منها أصبح بإمكانك تضمين الفيديو والصوت مباشرة في الصفحة باستخدام وسمي <video> و <audio>، بالتالي تشغيل الوسائط أصبح أسهل وأكثر توافقًا مع جميع المتصفحات والأجهزة الحديثة. وعناصر دلالية جديدة أي وسوم جديدة تصف معنى المحتوى بشكل أفضل. بدلاً من استخدام وسم <div> لكل شيء، أصبح لدينا: <header>: للجزء العلوي من الصفحة أو القسم. <footer>: للجزء السفلي من الصفحة. <nav>: لأشرطة التنقل والروابط. <article>: لمحتوى مستقل مثل مقال أو تدوينة. <section>: لتقسيم الصفحة إلى أقسام منطقية. وتحسينات كبيرة في النماذج بإضافة أنواع جديدة من حقول الإدخال التي تسهل على المستخدم إدخال البيانات وتوفر تحققً تلقائي من صحتها، ومنها: type=email: للتأكد من أن النص المدخل بصيغة بريد إلكتروني. type=date: لعرض تقويم لاختيار التاريخ. type=number: لقبول الأرقام فقط. type=range: لإنشاء شريط تمرير. بجانب إتاحة تخزين البيانات مباشرة على جهاز المستخدم (في المتصفح) باستخدام تقنيات مثل Local Storage و Session Storage، الأمر الذي سمح بإنشاء تطبيقات ويب يمكنها العمل حتى عند انقطاع الاتصال بالإنترنت، وتحميلها بشكل أسرع. وواجهات برمجة تطبيقات متقدمة (APIs) للمبرمجين: Geolocation API: لتحديد الموقع الجغرافي للمستخدم (بعد موافقته). Drag and Drop API: لجعل سحب وإفلات العناصر في الصفحة ممكنًا. Web Workers: لتشغيل أكواد معقدة في الخلفية دون أن تتسبب في تجميد الصفحة.

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

الدورة ممنهجة على أساس دراسة المشاريع العملية التي في الدورة، بحيث يتم التوسع في شرح اللغة خلال المشاريع العملية في المسارات المختلفة، ضع في الإعتبار أنّ الدورة موجهة للجميع، لذا جزء كبير من الطلاب يُفضل التعلم من خلال مشاريع عملية، بالتالي الدورة ليس موجهة لفئة معينة بل للجميع. بالنسبة للإختبارات تستطيع السؤال أسفل كل درس أو مجموعة دروس أو في نهاية كل مسار وسيتم توفير إختبارات لك ومراجعتها.

توجد مكتبة لإطار لارافل للربط مع Nafath API ها هي: https://github.com/mohamad-zatar/saudi-nafath-integration/tree/v1.0 وبتفقد المكتبة يظهر عنوان الـ api هو التالي: $url = "https://$subdomain.semati.sa/nafath/api/v1/client/authorize/"; عامًة سواء من خلال PHP أو لارافل، للحصول على المفتاح ستحتاج إلى التسجيل لدى الهيئة حيث يُشترط: جهات رسمية مرخصة من قبل وزارة التجارة أو الجهات الحكومية توقيع العقد ثم الربط من خلال منصة رابط: https://www.rabet.sa/plans?service_id=86

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

في صفحتك الشخصية انزل للأسفل وستجد قسم الخبرة Experience، فاضغط على أيقونة الزائد + لإضافة خبرة: ثم اختر add position: ثم قم بإضافة أكاديمية حسوب في حقل Company or organization بكتابة Hsoub Academy وستظهر لك فاخترها، ثم في حقل Employment type اختر وظيفتك هي internship أي تدريب، وفي حقل title قم بكتابة Software Engineer Intern: وقم بملء باقي الحقول، ويجب أن تُحدد أنك ما زلت تعمل حتى الآن في Hsoub Academy من خلال حقل التاريخ، ثم اضغط على Save للحفظ. الآن توجه لأعلى صفحتك الشخصية وستجد أيقونة قلم بجانب اسمك اضغط عليها، ثم قم بتفعيل خيار Show current company in my intro أي إظهار الشركة التي تعمل بها حاليًا بجانب اسمك:

من المفترض أنّ Nest.js أفضل، لكن في البرمجة ذلك غير صحيح، النهج السليم هو التركيز على حل المشكلة التي تعمل عليها وليس على التقنية المستخدمة. فالمشاريع الصغيرة والمتوسطة الأنسب لها هو إطار Express.js، مثل مشاريع بناء API لمدونة شخصية أو صفحة هبوط أو متجر إلكتروني متوسط به 1000 منتج أو أقل، أو مشروع تطبيق محادثات، أو للتجارب السريعة لتطوير نماذج أولية MVPs. بينما في المشاريع الأكبر والتي يعمل عليها فريق كامل أكثر من 3 أشخاص، هنا تظهر أهمية وجود إطار قوي ذو هيكل ثابت مثل Nest.js ومعمارية متقدمة، وتعلمه ليس سهل فهو يعتمد على مباديء البرمجة كائنية التوجه وأنماط التصميم بشكل مُكثف، فهو يفرض هيكلية موحدة، بالتالي كل مبرمج سيعرف أين يجد الـ Controller وأين يكتب الـ Business Logic في الـ Service، الأمر الذي يقلل من الفوضى ويسرّع عملية انضمام المطورين الجدد في الشركات. أي الأمر بحاجة إلى وقت لتبدأ التطوير من خلاله، وللعلم ستجد أنّ من لديه خبرة في لغات برمجة قوية كائنية التوجه مثل Net. أو Java يستطيع التعامل بسهولة مع الإطار، لأنّ NestJS مستوحى من Enterprise Frameworks أي إطارات العمل الخاصة بالشركات مثل Spring Boot، وبالطبع ليس شرطًا تعلم أحد تلك اللغات، لكن للعلم بالشيء. وهو مطلوب في سوق العمل بالنسبة لمطوري الواجهة الخلفية من خلال Node.js:

يجب أولاً تحديد الفئة المستهدفة، وعلى أساسها تضع خطة التسويق وليس العكس، فليس جميع شرائح المستخدمين يتم التسويق لهم بنفس الآلية، وأيضًا أماكن تواجدهم على الإنترنت وطريقة التخاطب معهم مختلفة. وقبل خطة التسويق، عليك بتحديد احتياجات تلك الفئة وهل يوجد حلول متوفرة بالفعل؟ ما الدافع أو ميزة الجذب في المنتج الخاص بك؟ فهناك فئة تريد حلول متكاملة وسهلة الاستخدام وواجهة تصميم جذابة مثلاً، وفئة أخرى تريد حلول لمشاكل غير منتشرة لكن لها جمهورها، عليك بتحديد الفئة التي تحقق لك عائد أكبر والتنافسية بها قليلة قدر الإمكان، إلا لو لديك القدرة على توفير حلول تنافسية بالفعل. وبالنسبة للتسويق، فهو نتاج استكشاف ما سبق، لو وجدت أنّ الفئة المستهدفة تقوم بالبحث على جوجل، فعليك إذن استهداف SEO كخطة تسويق لتصدر النتائج في محركات البحث. أو قم بتقديم نسخة مجانية من القالب وبها ميزات مدفوعة مثلاً، لكن بشرط الإشتراك من خلال البريد الإلكتروني وكون قائمة لإعادة الاستهداف. ويجب بذل مجهود في التسويق من خلال محتوى الفيديو بغض النظر عن المنصة المستهدفة. وقم بتوفير 5 رخص مجانية لمطورين تثق بهم، مقابل مراجعة علنية ودراسة حالة.

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

وكيف قمت بتنفيذ 6 مشاريع دونّ معالجة تلك النقطة؟ هل قمت بالتطبيق العملي مع الشرح أي رؤية الخطوات ثم قمت أنت بالتنفيذ بمفردك؟ أم قمت بالتطبيق خطوة ونقل الكود من الشرح؟ الصحيح هو التدرج في التطبيق العملي من خلال تنفيذ نماذج بسيطة، ثم الإنتقال لبناء أقسام من الموقع، ثم الربط بين تلك الأقسام لإنشاء الموقع، وهناك خطوات ثابتة لتطوير موقع الويب تم توضيحها في دورة تطوير واجهات المستخدم. في حال تستطيع بناء صفحة كاملة بواسطة HTM وCSS مع استخدام Flexbox أو Grid و Media Queries دون أنّ تواجه صعوبة كبيرة، فقم بالإنتقال للتعمق في لغة جافاسكريبت. ولا مشكلة في نسيان بعض الأمور، فليس المطلوب منك حفظ جميع الأكواد، تستطيع البحث عما تريد لكن ليس كل شيء بالطبع.

الأمر بحاجة إلى توضيح، ما معنى "لا أتذكر إلا القليل جدًا"؟ هل لا تستطيع كتابة الأكواد من تلقاء نفسك وتضطر إلى البحث لتذكر الـ Syntax؟ وما نسبة حدوث ذلك؟

دورة تطوير واجهات المستخدم تُركز على الأساسيات الخاصة بتطوير الواجهة الأمامية، وهي اللغات الأساسية للويب HTML, CSS, JS بجانب المكتبات والإطارات المساعدة في عملية التطوير والمبنية على تلك اللغات. أولها مكتبة jQuery والتي تُسهل علينا كتابة المنطق البرمجي بدلاً من كتابته من الصفر بواسطة لغة جافاسكريبت، وبالطبع المكتبة تعتمد على لغة جافاسكريبت. ثم إطار عمل Bootstrap لتسهيل عملية تصميم الواجهة الأمامية بدلاً من كتابة أكواد CSS من الصفر، حيث كلاسات بوتستراب تقوم بتطبيق تنسيقات جاهزة. ما سبق هو ما سنتعلمه في تلك الدورة، أي جميع المشاريع سنستخدم بها HTML, CSS, JS بجانب jQuery وبوتستراب فقط. بينما دورة جافاسكريبت متعلقة بالتقنيات الخاصة بها وهي React وNext.js وخلافه.

حسب التخصص البرمجي الذي اخترته، فهناك حد أدنى للمهارات الواجب توافرها لكي تمتلك القدرة على تنفيذ المشاريع وأيضًا لكي تتفهم المطلوب من العميل وتوفر له حلول مناسبة. أعتقد أنك تقوم بدراسة الواجهة الأمامية حاليًا، والحد الأدنى هو تعلم لغات الويب الأساسية HTML, CSS, JS والتعمق بهم، ثم تعلم إطار بوتستراب أو tailwind والأفضل في رأي هو tailwind، ثم تعلم أساسيات مكتبة jQuery. ثم تعلم أساسيات التصميم الجيد لواجهة المستخدم، وستجد تفصيل هنا: وبعد ما سبق تستطيع التقدم للمشاريع التي تطلب تطوير مواقع ثابتة static، أي محتواها ثابت لا يتغير، أو يتغير لكن من خلال API خارجي وليكن جلب أخبار الطقس مثلاً، حيث لا يوجد واجهة خلفية بل ستعمل على تطوير واجهة أمامية فقط. المشكلة أنّ تلك المشاريع المنافسة عليها مرتفعة، لذا فرصة قبول عرضك منخفضة نسبيًا، لكن حاول على أي حال وستتعلم أثناء ذلك الطريقة المناسبة لطرح عرضك وخلافه، ونوعية المشاريع المطلوبة على منصة العمل الحر، والمهارات المطلوبة لذلك. وأثناء تلك الفترة، اعمل على تحسين مهاراتك بتعلم تقنيات الويب ومنها React وNext.js وأيضًا لغة Typescript. وبعدها حاول تعلم أساسيات Node.js لتصبح مطور Full-stack لتستطيع التقدم لمشاريع أفضل وتبتعد عن الزحام قدر الإمكان.