محمد_عاطف

أولا لن تضح لك فكرة ال id فقط من خلال HTML حيث إستعماله أكثر من خلال جافاسكريبت و CSS . حيث يستخدم ال id لإعطاء قيمة فريدة للعنصر من خلالها يمكنك الوصول إلى هذا العنصر بسهولة . فلاحظ أن انه لا يمكن إعطاء نفس ال id لعنصرين في نفس الصفحة وإلا سيتم إعتبار أول عنصر هو صاحب هذا ال id . من خلال CSS تستطيع تنسيق هذا العنصر من خلال ال id حيث يمكنك وضع علامة # قبل إسم ال id لإعطاء هذا العنصر تنسيقات. ومن خلال الجافاسكريبت تستطيع إمساك العنصر والتلاعب به بسهوله من خلال ال id .

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

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

هذا الكود هو خاص لإضافة حقل إدخال في النموذج في html ليتم عرضه في الصفحة هكذا : وحقل الإدخال هذا يتم إستخدامه لإستقبال البيانات من المستخدم . ولاحظ أنه يوجد نوع type للحقل وهنا نجد أنه text أى أنه حقل نصي أى يتم إدخال نص به . ويمكنك قراءة المزيد من الشرح والتفاصيل خلال التالي على موسوعة حسوب : https://wiki.hsoub.com/HTML/input وإذا كان هذا السؤال متعلق بإحدى دروس الدورات يرجى وضع سؤالك أسفل هذا الدرس .

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

يمكنك الإعتماد على مواقع مثل Frontend Mentor فهى توفر تصاميم وتحديات رائعة تستطيع النظر إليها للتطبيق على HTML و CSS . ويمكنك قراءة الإجابة التالية لمزيد من المواقع تلك الخاصة بالتصاميم : أما إذا كنت تقصد فقط الأيقونات والصور وليس التصميم كاملا يمكنك الإطلاع على المواقع في الإجابات التالية :

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

نعم بالطبع بمجرد إنتهائك للدورة والتأكد من فهم ما تم شرحه بها بشكل جيد والتطبيق مع المدرب تستطيع الحصول على وظيفة كمبتدئ junior سواء في العمل الحر أو في الشركات . حيث الدورة تقوم بتعليمك لتصبح مطور MERN Stack أى تستخدم التقنيات : MongoDB قاعدة بيانات NoSQL تعتمد على تخزين البيانات في مستندات بتنسيق JSON. Express.js إطار عمل Back-end مبني على Node.js ويسهل إنشاء تطبيقات الويب. React مكتبة JavaScript لبناء واجهات المستخدم الدينامية والمتجاوبة. Node.js منصة تشغيل Back-end مبنية على JavaScript وتسمح بتنفيذ الكود على الخادم. أى بعد إنهاء هذه الدورة وبناء على المسارات التي أنهيتها تستطيع أن تكون مطور واجهات خلفية بلغة جافاسكريبت وتمكنك أيضا من ان تصبح مطور MERN stack وايضا تمكنك من تطوير تطبيقات الهاتف . أى يمكنك مباشرة العمل في أى مجال من تلك المجالات ولكن بالطبع يجب التأكد من إنهاء وفهم والتطبيق على المسارات لكل مجال . لهذا الحصول على وظيفة في النهاية يعتمد عليك بشكل كبير فلو أنهيت الدورة بفهم كامل وتطبيق كبير ستستطيع الحصول على وظيفة بسهولة بإذن الله.

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

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

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

أغلب تلك المواقع توفر ذلك الأمر فلديك موقع CodeWars فهو يتيح حل تحديات برمجية تتراوح من المستوى الأساسي إلى المتقدم وسهل استخدامه في البداية. فيمكنك البدأ من المستوى البدائي والتدرج في الصعوبة : https://www.codewars.com/kata/55d24f55d7dd296eb9000030/train/javascript https://www.codewars.com/collections/javascript-basics-2 ويمكنك الدخول على موقع LeetCode، وستجد قوائم خاصة بالمسائل بمختلف المستويات، وستجد شروحات له على اليوتيوب أيضًا. https://leetcode.com/problemset/

توجد العديد من المواقع الشهيرة لذلك مثل Leetcode و codewars و codeforces و HackerRank وغيرها من المواقع الأخرى ويمكنك التدرج في مستوى صعوبة الأسئلة كما تريد. وإليك المزيد من المواقع في الإجابة التالية :

المشروع يعمل لا يظهر أى مشكلة في الصورة المرفقة حيث يتم إظهار رسالة أن ملف index.js يعمل دون أى مشكلة. يرجى توضيح المشكلة التي تواجهك لمساعدتك. وإذا كان السؤال متعلق بدرس من دروس الدورات يرجى وضع سؤالك في صندوق التعليقات أسفل الدرس حيث هنا قسم الأسئلة العامة ولا نجيب على أسألة الدورات هنا.

لاحظ المشكلة لديك أن الرابط الخاص بموقعك هو : https://salamah44.github.io/arabi-company/ وفي الكود لديك الروابط هكذا : <script defer="defer" src="/js/bundle.js"></script> <link href="/main.css" rel="stylesheet"> وهو روابط مطلقة أى أن المتصفح يبحث عن الملفات التالية : https://salamah44.github.io/js/bundle.js https://salamah44.github.io/main.css لاحظ كيف لم يتم وضع arabi-company في الروابط لهذا لا يتم العثور على الملفات. الأفضل هو جعل الموقع مباشرة بدون arabi-company في github أو إستخدام الروابط النسبية هكذا : <script defer="defer" src="./js/bundle.js"></script> <link href="./main.css" rel="stylesheet">

وعليكم السلام ورحمة الله وبركاته. يرجى إرفاق مستودع المشروع ورابط الموقع للإطلاع عليه ومساعدتك.

نعم بالطبع إذا لم تجتاز الإختبار سيرشدك المدرّب لأماكن القصور لديك ويطلب منك تداركها ثم يمكنك التواصل مع مركز المساعدة من جديد للتقدم للإختبار.

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

في دورة تطوير واجهات المستخدم يتم شرح أساسيات Html و Css وJava Script و jquery حيث تؤهلك الدورة لتكون مطور واجهات مستخدم لمواقع ثابته حيث يمكنك تحويل اي تصميم الى موقع ثابت بإستخدام html و css و js . وبالنسبة للمبتدأين في مجال تطوير الواجهات الأمامية فإنه من الصعب أن يبدأو بتعلم المكتبات مباشرة مثل React.js و Next.js و Node.js دون تعلم الأساسيات حيث سيجدوا الكثير من الصعوبة في ذلك و أيضا هناك من يريد فقط أن يقوم بإنشاء مواقع ثابته و ثيمات دون التطرق للمكتبات المعقدة مثل react. ولذلك هنا في الأكاديمية تم فصل ذلك الأمر إلى دورتين دورة تطوير واجهات المستخدم و دورة تطوير التطبيقات باستخدام JavaScript . حيث في دورة تطوير التطبيقات باستخدام JavaScript يتم شرح React.js و Next.js و Node.js بداخلها أما دورة تطوير واجهات المستخدم تهتم فقط بالأساسيات.

وعليكم السلام ورحمة الله وبركاته. هل تقصد رفع المشروع على git أم رفعه على الإنترنت ليكون متاحا لأى شخص للإطلاع عليه من خلال زيارة الموقع ؟ إذا كنت تقصد git فالأمر بسيط فقط كل ما عليك هو إنشاء مستودع في github . ومن ثم تذهب إلى المجلد الرئيسي الخاص بالمشروع الذي تريد رفعه وتقوم بفتح سطر الأوامر (cmd) في هذا المسار . بعد ذلك ستقوم بتنفيذ الأوامر التالية : git init git add . git commit -m "رسالة توضح نوع العملية" git branch -M main git remote add origin رابط المشروع على مستودع جيت git push -u origin main والآن ستجد أنه تم رفع جميع ملفاتك ومجلداتك على المستودع مباشرة دون أى مجهود أو مشكلة . وإليك فيديو عن أساسيات git : وإليك شرح مفصل بالصور والطريقة الكاملة لرفع أى مجلد مشروع على git : أما إذا كنت تقصد رفع المشروع على الإنترنت أى يمكن إستخدامه وتصفحه فهنا ستحتاج إلى إستضافة لذلك وهنا سيتوجب عليك البحث عن إستضافة مجانية مناسبة لمشروعك وإلا سيتوجب عليك شراء إستضافة خاصة لك لرفع الموقع عليها . وجميع الإستضافات لها نفس التعليمات لرفع المشروع عليها كل ما عليك هو رفع ملفات المشروع على الإستضافة و تعين الإعدادات الصحيحة الخاصة بمشروعك ليعمل على تلك الإستضافة.

وعليكم السلام ورحمة الله وبركاته. لا يمكن ذلك إذا قام المطور بإستلام السورس كود فهو بالفعل لديه ولا يمكنك التحكم في جهازه أو في هذا الكود لديه حيث بمجرد أن تقوم بتسليم السورس كود للموّر فهو يستطيع الإحتفاظ بنسخة لديه أى يعني من المستحيل أن تمنع 100% أي شخص من نسخ الكود. لهذا إما أن تقوم بجعل المطور يقوم بالتوقيع لك على إتفاقية عدم إستخدام السورس الكود أو نشره بدون إذن منك . أو يمكنك وضع الكود على جهازك وجعل المطور يعمل على جهازك من بعد من خلال برامج التحكم بالأجهزة ولكن يجب عليك الإنتباه إلى أنه من الممكن أن يقوم بنسخ الملف وإرساله إلى نفسه . وتوجد أيضا طريقة أخرى ولكنها ليست مجانية وهي من خلال رفع كل ملفات المشروع والسورس كود على خادم خاص أو سحابة مثل AWS أو Google Cloud.وبعد ذلك تقوم بمنح المطور صلاحيات وصول محدودة مثل SSH إلى هذا الخادم ليقوم بالتعديل مباشرة على هذا السورس الكود. ولكن الأمر سيكون مكلف عليك .

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

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

نعم بالفعل إن اساسيات جافا سكريبت يعتبر مسارا بمفرده وهذه هي المسارات الموجودة في الدورة ويتم إحتسابها كمسارات لإتمامها :

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