أسامة زيادة

يمكنك الذهاب إلى الإعدادات (Settings) ولذهاب إليها من خلال القائمة File ثم نقوم بإختيار العنصر Preferences سوف تظهر لديك خيارات جديدة قم باختيار Settings ، عندها سوف تفتح لديك صفحة الإعدادات ، ضمن الإعدادات يوجد الخيار Editor: Font Size قم بتعديله إلى الحجم الذي تريده . أو إن كنت لا تريد تعديل الخط يمكنك عمل Zoom من خلال (+) + ctrl أو (-) + ctrl لتقليل حجم Zoom .

يمكنك تحديد الكود الذي تريد تعليقه (الأسطر الخمسة لديك) وباستخدام الزرين / + ctrl سوف يقوم بتعليق جميع الأسطر المحددة ، قم بالتجربة وأخبرنا بالنتيجة هل نجح معك أو لا

يبدو أنك أرفقت ملف التنسيق متكرر ولم تقوم بإرفاق ملف HTML لرؤية الموقع بشكل واضح ، لذلك قم بإرفاق شيفرة HTML الخاصة بالموقع .

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

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

يمكنك استخدام الخاصية display في تحديد مواضع العناصر في الصفحة ، فمثلاً يمكنك فعل التالي ، نضع العناصر داخل وسم div ومن ثم إعطاء الوسم div الخاصية display <div> <h1>Hello</h1> <img src="hello.png"> </div> نقوم بإعطاء الوسم div الخاصية display div { display: flex; } نظام تقسيم العناصر باستخدام flex سوف يساعدك صنع صفحات ويب متجاوبة مع مختلف الشاشات ومرنة وسهلة التعديل عليها . للإطلاع أكثر حول الخاصية display على موسوعة حسوب من هنا وللإلاطلاع على الخاصية flex من هنا . ويمكنك الإطلاع على هذا المقال لرؤية كيف يتم محاذة العناصر

الخاصية rowspan تحتوي على عدد صحيح موجب يُشير إلى عدد الأسطر التي تمتد الخلية عليها، والقيمة الافتراضية هي 1 ، لذلك لن يكون بإستطعنا أن نعطي الخاصية القيمة 1.5ولن تنجح القيمة وهي تعتبر طريقة خاطئة ، فقط يمكننا أن نعطي هذه الخاصية عدد صحيح موجب مثل 1، 2، 3 ..إلخ مثل ما نريد أن يظهر الجدول ، أما عن كيف يمكننا تنفيذ في وسوم HTML لقد قمت بالبحث على محرك البحث جوجل حول كيفية تنفيذ مثال مشابه لكن لم أجد وأعتقد من الصعب تنفيذها على الوسم table .

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

لغة جافاسكريبت مثل باقي لغات البرمجة تحتوي على متغييرات ودوال وجمل شرطيطة وجمل تكرار ومصفوفات ... إلخ مثل باقي لغات البرمجية ، تستخدم في متصفحات الويب ولإنشاء صفحات أكثر تفاعلية مع المستخدم . في دورة تطوير التطبيقات باستخدام لغة JavaScript ، سوف تتعلم التالي :- الأسس البرمجية السليمة للغة JavaScript الإضافات الحديثة في نسخة ES6 من اللغة تطوير تطبيقات الخادم باستخدام بيئة Node.js أساسيات مكتبة React.js وبناء تطبيق ملاحظات باستخدامها أساسيات مكتبة React Native و Expo تطوير تطبيق جوال للوصل بين الأطباء والمرضى بالاعتماد على React Native التعرف على التطبيقات التي تتطلب اتصالًا مستمرًا بين المتصفح والخادم بناء تطبيق محادثة يشبه تطبيق WhatsApp إنشاء تطبيق أسئلة وأجوبة ونقاشات مع تصيير من جهة الخادم Server-side Rendering عبر إطار العمل Next.js بناء واجهات أمامية باستخدام React.js مع مكتبة Material-UI إنشاء تطبيقات سطح مكتب باستخدام JavaScript باستخدام إطار العمل Electron.js بناء تطبيق جوال لشبكة تواصل اجتماعي باستخدام إطار العمل Ionic ومكتبة React.js أما بخصوص HTML و CSS أنصحك بأن تكون لديك خلفية عنهم وعن استخدامهم حتى لو تم التطرق لهم في الدورة بشكل سريع يكون لديك خلفية عنهما . للإطلاع أكثر يوجد شروحات على موسوعة حسوب JavaScript ، HTML ، CSS . أيضاً يوجد مقالات على الأكاديمية مفيدة جداً يمكنك للإطلاع عليها JavaScript ، HTML ، CSS .

يحدث ذلك بسبب الحجم القيمة الكبيرة للخاصية right في الخاصية التالية ، لذلك لمعالجة المشكلة يمكنك تقليل القيمة ولو قمت بتقليل القيمة لتصبح 900px ربما تظهر بشكل جميل يتناسب مع الحاوية . .sale { font-family: sans-serif; background-color: #ec2f2f; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 7px 15px; display: inline-block; position: absolute; letter-spacing: 3px; top: -17px; right: 965px; }

لاحظ أنه يظهر لك مثلث (invalid property value) لإنك لم تقوم بوضع الوحدة مثل px أو غيرها ، لذلك حاول جعل القيمة بهذا الشكل . top: 20px; left: 15px; ولضبط الأيقونة بالشكل الصحيح نقوم بإعطائها الخواص التالية ،علماً أنه يجب إعطاء الوسم button الخاصية position: relative; . position: absolute; top: 5px; right: 0;

لاحظ أنه في نهاية كل مسار يتم رفع المشروع الذي يتم شرحه خلال الدرس يتم رفعه على GitHub . يمكنك الإطلاع على الإجابات التالية لفهم GitHub جيداً :- أو يمكنك مشاهدة الدروس :-

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

GitHub يعتبر خدمة استضافة أو يمكن وصفه بالمستودع يتم تجميع الملفات والمشاريع عليه وبيستخدم لعدّة أغراض منها ، مشاركة الملفات بين فريق العمل وتتبع إنجاز المشاريع و استخدامه في السيرة الذاتية بعد وضع الأعمال والمشاريع عليه ، ولربع المشاريع عليه يتم استخدام أوامر Git ومن أجل تعلمها لو قمت بالبحث في محرك البحث جوجل عن (تعلمGitHub ) سوف تجد عدّة شروحات يمكنك الإستفادة منها . ولرؤية كيفية نشر المشاريع عليه يمكنك الإطلاع على الإجابات التالية :- أو يمكنك مشاهدة الدروس :-

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

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

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

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

بصراحة لن تكون سهلة تعلم البرمجة من الهاتف ولن تكون بكفاءة تعلم البرمجة من الابتوب أو الكمبيوتر ، وفي حال كنت تتبع دروس او فيديوهات لن تكون قادر على التطبيق الفعلي مع المدرب الذي يشرح سوف تكون العملية صعبة جداً ، ولا أنصح بتعمل البرمجة من الهاتف . ولكن اذا كنت تريد بعض التطبيقات التي تتعلم عليها يمكنك تحميل التطبيقات التالية :- تطبيق Mimo. تطبيق Enki. تطبيق Encode. تطبيق Code Hub. هذه التطبيقات عبارة عن محررات للأكواد يمكنك الإستفادة منها . هل يمكنك توضيح أخر نقطة (مضمون) في السؤال؟

لقد قمت بتفحص المشروع الخاص بك ولا أرى به مشاكل يعمل بشكل جيد ، أما عن سبب المساحة التي تظهر لك في navbar هي بسبب استخدام الصنف container ، ولو استخدمت الصنف container-fluid كما أن الفرق بينهما. class "container" الصنف container يحتوي على هامش أيمن وأيسر ثابت ولن يأخذ العرض الكامل للصفحة الرئيسية أو متصفح العرض. class "container-fluid" أما container-fluid سيأخذ العرض الكامل لمتصفح العرض وسيتوسع أو يتقلص عندما يتم تغيير حجم متصفح العرض ودائمًا عرضه 100٪. ومن أجل عرض الصفحة بشكل أوضح قم بتغير العرض من %50 إلى %100 وسوف تظهر الصفحة لك بشكل كامل .

في أغلب الحالات التي يتم عمل فيها تصميم بهذا الشكل التي تحتوي على أشكال مموجة ومتداخلة ، تكون عبارة عن صورة صممت على الفوتوشوب ونستخدمها بالتصميم لتوضع بشكل جمالي كما واضح في التصميم ، ويتم إعطائها كخلفية للوسم div أو الوسم الحاوي لجميع العناصر كما هو واضح في Header الموقع ،أو نقوم بوضع الصورة داخل div ونستخدم الخاصية z-index حتى تظهر كأعلى طبقة بين العناصر الأخرى z-index: 99; ولو لاحظها صورة الأطباء في الأعلى يمكننا عمل الإنحناء الذي في الأسفل من خلال الخاصية border-radius في CSS كما يمكننا عمل الإنحاء من جميع الزوايا أو أحد الزوايا الأربعة وهكذا تكون ظهرت بشكل منحني. border-radius: 20px;

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

نحن نقوم بربط صفحات HTML مع بعضها ولا نقوم بربط الملفات ، فمثلاً في حال كان ملف contact.html كان يتضمن فيه contact.css contact.js فلا مشكلة بربطه باستخدام الوسم a بهذا الشكل لنفرض أن index.html داخل مجلد باسم website ونريد أن نربط الصفحة في صفحة contact.html الموجودة داخل مجلد contact والمجلدين موجودين في نفس الملف نقوم بالتالي <a href="../contact/contact.html">Contact</a> نستخدم .. لرجوع للخلف ، أي الخروج من مجلد website ثم نقوم بكتابة المسار اسم المجلد واسم صفحة HTML .

يمكنك إيجاد الدروس الخاصة في تطوير واجهات المستخدم في دورة تطوير واجهات المستخدم . بحيث يوجد عدّة مسارات متعلقة في بناء واجهات مواقع وصفحات هبوط باستخدام اللغات المستخدمة في تطوير واجهات المستخدم .

بما أنك قمت بتحديد ما تريد تعلمه وهو برمجة المواقع وتطبيقات الجوال وهذا يعتبر أهم شيء حتى لا تكون مشتت ولا تعرف من أين تبدا وهنا يبدا دور معرفة اللغات التي تستخدم في برمجة المواقع وتطبيقات الجوال فمثلاً لبرمجة المواقع لديك لغة HTML و CSS و JavaScript وعندما تتعلم هذه اللغات سوف تكون قادر على بناء الواجهة الأمامية للمواقع ويوجد في الأكاديمية دورة كاملة يمكنها أن تعلمك هذه اللغات وإطارات عمل مساعدة في تطوير الواجهات وهي دورة تطوير واجهات المستخدم ولإكمال الموقع وجعله متفاعل مع المستخدم وقاعدة البيانات يوجد لغات برمجة أخرى مثل PHP و ASP.NET وغيرها بحيث تجعل هذه اللغات الموقع كاملاً ولا ينقصه شيء ويوجد دورة في الأكاديمية وهي دورة تطوير تطبيقات الويب باستخدام لغة PHP وسوف تتعلم في هذه الدورة لغة PHP و إطارات عمل مختلفة . أما قسم برمجة تطبيقات الجوال ، فهنا اللغات البرمجية كثيرة في هذا المجال للأندرويد و IOS ومن هذه اللغات JAVA للأندرويد و Swift الخاصة في الأيفون (IOS) ولغة Flutter للنظامين ، لكن يمكنك أيضاً استخدام لغات مثل JavaScript لتطوير تطبيقات الجوال ويوجد في الأكاديمية دورة تطوير التطبيقات باستخدام لغة JavaScript . يمكنك إختيار اللغة التي تريد تعلمها والبدء في دراستها جيداً حتى تصبح محترف المجال . هذا المقال سوف يساعدك على كيفية تعلم البرمجة بالطريقة الصحيحة :-