السلام عليكم
لدي مشكلة مع تعلمي لبرمجة المواقع هي انني عندما اقوم بالتمرن علي كتابة الكود او الدروس فانني انسي بعض الاكواد التي مررت بها، اي مثلا عندما اقوم بعمل div واريد عمل محاذاة له انسي كيف يتم ذلك او الكود الذي يجب استخدامه لل Css هل هذا الشي يسبب لي مشكلة ام انه امر عادي ويجب علي الاستمرار في التعلم وكتابة الاكواد.
وهل يجب علي حفظ اكواد اي محاضرة قبل الانتقال الي الاخري ؟
لا تنسو بطرح خططكم التي تعلمتم بها اي كيف كنت تتمرن علي كتابة الكود وكيف تحفظ كود ما، فانا بحاجة اليه
شكرا لكم :)
ببساطة كرر ما تفعله في أي درس أو جزء من لغة برمجة أو تطوير عدة مرات ، حتى تحفظه مبدأياً ، ثم كلما نسيته إرجع لتوثيق اللغة أو الاداة أو إطار العمل .
أنا أفعل ذلك و ما لي ما يقارب 4 أعوام أو أكثر في مجال تطوير تطبيقات الويب ^_^ ، فليس هذا حرج خاصة مع تطور الادوات السريع ، و ظهور أخرى بسرعة .
لا تبالي بل واصل ، و كرر ، وكرر ، وكرر
لقد فهمتني تأكيداً
كنت إذا نسيت Tag ما أبحث عنه وأنسخه ولا أحفظها عادة رغم حفظي لمعانيها وطريقة استخدامها. مع الأسف بسبب قلة الممارسة والتحمس نحو تعلم المزيد فشلت في كتابة الأكواد رغم تحقيقي الهدف الأساسي وهو فهم تصميم الويب.
إلى الآن لم أفهم كيف نبني صفحة ويب؟ كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟ وإذا بحثت في الويب عن كود ما وأردت نسخه ففي أي مكان يحب وضعه؟ يعني ما هو الترتيب الصحيح لملف الـStyle sheet مثلًا؟
هذه الأسئلة لم أجد لها جوابًا حتى توقفت عن التعلم.
أنصح أي شخص يريد تعلم البرمجة بأن يكتب طوال الوقت ويواظب على تذكر كل شيء وعدم ترك المعلومات لتضيع بحجة أن الشخص قد شاهد هذا الدرس وانتهى.
حين جربت الانتقال من w3schools -حسبما أذكر أن اسمه كان- إلى codeacadmy كنت قد أنهيت الـHTML وثلاثة أرباع الـCSS فلما بدأت وجدتني لا أكتب أي كود في الاختبارات أو الدروس، فقط أنسخه من زاوية التلميح، مثلًا يقول لي لوضع صورة استعمل img src فأنسخها وأكتبها كما هي.
المصمم لن ينفع كمطور ويب حسبما يبدو.
عن تجربة، دعك من Codecademy ... تعلم القليل عن الأساسيات ثم حمّل ملفات PSD و حاول تكويدها، أو جرب محاكاة أي موقع حقيقي.
كما ذكرت أعلاه هنالك أساسيات لم أفهمها عن التكويد، لذلك لم أستطع أن أكود إلى أمورًا بسيطة، مثل صفحة بها نموذج تسجيل مع خلفية صورة وتغشية لون، لكن تصميم كامل أجد صعوبة بالغة فيه، هذه الأسئلة التي لم أفهمها إلى الآن:
إلى الآن لم أفهم كيف نبني صفحة ويب؟ كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟ وإذا بحثت في الويب عن كود ما وأردت نسخه ففي أي مكان يحب وضعه؟ يعني ما هو الترتيب الصحيح لملف الـStyle sheet مثلًا؟
إلى الآن لم أفهم كيف نبني صفحة ويب؟
عناصر الصفحة كلها فوق بعض، الاختلاف فقط في كونها تترتب رأسياً أم أفقياً ثم في كونها على اليمين أم على اليسار أم في الوسط ، البانر مثلاً يوضع في أعلى الصفحة بكتابته أولاً ثم يثبت في مكانه بإسناد القيمة fixed إلى الواصفة position، زر تسجيل الدخول يزاح لليسار بإسناد left إلى float و هكذا
كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟
هنا تأتي فائدة الـdiv، بإمكانك جعله رابطاً أو مربعاً أو زراً أو أي شيء إعتبره كملف Document فارغ في الفوتوشوب، بالنسبة للمستطيل قم بإنشاء div، و أعطه id لتتعامل معه بالـ CSS، هناك قم بإعطائه الأبعاد عن طريق الواصفات Height و width ثم حدد لونه عن طريق color و هكذا إلى آخر الواصفات
يعني عندما أريد إضافة كود جديد هل سيفرق مكان السطر؟ أم يحدث هذا فقط في الـ؟ وهل يمكنني أن أرتبها كما أشاء؟ أيضًا كيف أربط بين الـStylesheet والـhtml؟ وهل يفرق ترتيب القيم في تخصيص الـCSS مثل وضع اللون قبل الحد أو الظل؟
بالنسبة لـ HTML نعم يفرق، العناصر تترتب من أعلى إلى أسفل و من اليسار إلى اليمين حسب ترتيب كتابتها في الكود. لتفهم بشكل أفضل إضغط Right Click في أي جزء من هذه الصفحة و اختر Inspect Element، قم بتمرير الماوس على سطور الـ HTML و لاحظ أجزاء الصفحة التي تُظلل كلما مررت على سطر معين.
كيف أربط بين الـStylesheet والـhtml؟
تقصد عندما يكون CSS في ملف منفصل؟ عن طريق وضع التاق link داخل الــ head
<link rel="stylesheet" type="text/css" href="mystyles.css"/>
مع تغيير قيمة href إلى رابط ملف CSS، و إذا كان في نفس المجلد الذي يوجد به ملف HTML يكفي أن تكتب اسمه فقط، نفس الطريقة تستخدم لربط ملفات JS التي تكون في ملف منفصل. طبعاً بإمكانك عمل تاق style داخل الــ head و كتابة CSS داخلها و لكن هذه الطريقة غير محبذة.
هل يفرق ترتيب القيم في تخصيص الـCSS
للعنصر الواحد لا يفرق، لكن إن أعطيت العنصر قيم معينة، ثم بعد سطرين أعطيت قيم أخرى لنفس العنصر، فالقيم الجديدة ستلغي القيم القديمة إن كانت من نفس النوع، تماما مثل ما يحصل عندما تحاول نسخ ملف و تجد ملف آخر بنفس الإسم في الوجهة التي تريد النسخ إليها
لا أقصد التضجر من أسئلتك و لكن يبدو أنك لم تقطع شوطاً كبيراً مع Codecademy، بعد التفكير قد يكون من الأفضل أن تواصل دروسها، لا تقلق بشأن بساطة التمارين، سوف يأتي التمرين الذي يستوقفك أياماً :D
أشكرك بشدة وكل من جاوب على أسئلتي، لقد أعطيتموني أملًا جديدًا حيال تطوير الويب، على العموم، كلامك صحيح، لم أدرس الكثير مع Codeacademy فبعد فترة من فعل هذا ضجرت منه، كما أنني لم أشعر بحاجته كثيرًا، فحين دخلته كنت قد أنهيت دورتين للأستاذ أسامة الزيرو -حسبما أذكر أن اسمه كان- ودورتين في الـw3schools.
اخي يبدو من تعليقك انك تجيد html و css
اريد ان اتعلم هذا المجال في العطلة الصيفية لكني محتار عن كيفية البداية فيه
هل علي ان ابدأ ب
... html و css و xml او
...html5 و css3 و xml او
... html5.1 التي اصدرت في مارس 2016 و css3 و xml او
... xhtml5 وcss3
ارجو الاجابة
اخي العزيز
انا ايضا كنت في حيرة من امري والحمدلله وجدت سبيلي وبدأت مع افضل مدرسة تعليم الكتروني عربية eElzeero Web school ، والحمدلله منذ ان بدأت لم تواجهني اي صعوبة واحسست نفسي اتعلم شي سهل ، لدي الان اسبوعان فقط اكملت فيهما ال HTML & CSS والان استطيع تكويد قالب من الصفر ، هذه تجربتي مع هذه المدرسة وساتركك تختار ،
اريد ان اتعلم هذا المجال في العطلة الصيفية لكني محتار عن كيفية البداية فيه
في هذه المدرسة ستبدأ بطرق علمية وسهلة جدا وايضا موضح لك كيف تبدأ وما هي اللغة التي ستدرسها بعد انتها من لغة وتمارين يومية وحلول .
رابط المدرسة :
انا اكملت الكورس ب Codeacadmey لكنني لم افهم منه شي حيث كما قلت
فلما بدأت وجدتني لا أكتب أي كود في الاختبارات أو الدروس، فقط أنسخه من زاوية التلميح، مثلًا يقول لي لوضع صورة استعمل img src فأنسخها وأكتبها كما هي.
كنت افعل المثل لذا اتجهت الي اليوتيوب والحمدلله وجدت نفسي في تقدم ملحوظ .
لدي مراجع لكنني لا التفت اليها كثيرا فقط اشاهد الدروس واطبق.
فبكتابة ملاحظاتك وملخصات دروسك ستتذكر كل شي بسهولة ويمكنك الرجوع اليه في اقرب وقت
شكرا لك اخي
وفقك الله
لي بمجال البرمجه 9 سنوات
انقطعت عنها مايقارب سنه
حصلت تطورات كثيره
واغلب ماكنت اعرفه نسيته
حتى ظننت انني فقدت الذاكره هههههه
والان اتابع دورات من جديد
الممارسه افضل طريقه يعني كل اسبوع قم بمتابعة دورة تطبيقية وطبق برمجة السكربتات
مع كثرة الممارسة ستجد انك حافظ الاشياء افضل من اسمك
عن تجربة شخصية
ههههههههه أعجبني ظنك بفقدان الذاكرة. أنا لا زلت مبتدئ، ويحصل معي ما يحصل مع طارح الموضوع، فظننت أنني أنا أيضاً بي مشكلة ما، أعتقد أنني لست وحدي إذاً. توقفت منذ 4 أيام عن كتابة أي كود والآن أحس بأن هناك شيء ينقصني.
شكراً لك على النصائح.
انا اتابع دورات يوميا واحاول فهم ما يجري
لكنني فقط انسي ما تعلمته من قبل
مع كثرة الممارسة ستجد انك حافظ الاشياء افضل من اسمك
نعم هذا حقيقي فبالممارسة ساتذكر كل شئ باذن الله
شكرا لك
اخي لا تتوقف ابدا اذا واجهتك مشكلة ما فقط اطرح موضوع هنا والحمدلله ستجد الف حل من قبل الاستاذة هنا
حقيقة انا افعل ذلك كل يوم فهم قد مرو بمرحلتي ويعلمون ما يحدث.
استمر اخي وان شاء الله ستنجح
وفقك الله واعانك :)
مررت بهذه المرحلة ولازلت اعتبر نفسي مبتديء php
ياصديقي تابع شروحات بالفيديو افضل من المكتوبة مبدئيا على الاقل
ثم انك لاتحتاج ان تحفظ الاكواد نهائيا بل تفهم عملها ومتى تستخدم فقط وعموما ستحفظ الاكواد التي تتكرر معك كثيرا وسترى انك حفظتها دون قصد
ولكن ماتفهمه تكتبه في مرجع خاص بك
مثلا float معناها الطفو يعني الصورة تطفو الى اليمين او اليسار وطبعا يتبعها left او right
المهم تكتبهم على شكل جدول الكود بجانبه الوظيفة ثم شرح بسيط جدا سطر سطرين ثلاثة
وكلما رأيت كود جديد افهمه واسأل عنه وسجله
اذا اتيت لتصميم سكربت لن تستطيع بنائه بدون خطة وخريطة هي اهم واصعب شيء فيه لانك بالخريطة تحدد فشل المشروع من نجاحه
تخيل ان تبني منزلآ بدون مخطط وتحديد مساحات كل غرفة وعدد الطوب وكمية الاسمنت والحديد ؟ في كل خطوة ستكتشف مصيبه وخطأ ينسف كل مابنيته لانك لم تخطط بل بدأت فورآ واعتقدت انك جاهل لاتتقن البناء بينما انت تعرف كيف تبني الاعمدة الاسمنتية والقواعد وغيرها لكن عدم وجود خريطة وخطة بناء افشلت كل خبرتك
السكريبت هو مجموعة من اكواد كل كود له عمل وكل كود قد يرتبط بكود اخر او عدة اكواد
انت لم تفشل لكنك لست مرتب وفقدت السيطرة على تصميمك
اخيرا ال div تعني مجموعة مثلا
عندك اكواد الدخول او التسجيل تريد اظهارها في مكان واحد لاتريدها ان تفترق لذلك يجب ان تضعها كلها في مجموعة div وتسمي المجموعة بهذا الشكل
div id=alhilal
لاحظ اسميت المجموعة الهلال وسيكون هناك مجموعة اخرى اسمها النصر او الشباب وهكذا
عندما تعطي امر للغة css لتغير شكل قالب التسجيل يجب ان تخبر css عن اسم المجموعة حتى تذهب اليها وتغير لك ماتريد تغييره من الوان واحجام
تخيل ان هناك لاعب في نادي الهلال واخر في نادي النصر ... وكلهم اسمائهم احمد وقلت لك اذهب الى احمد وضع قبعة على رأسه ؟ ستسألني اي نادي او اي مجموعة لان هناك اثنان احمد فأخبرك احمد الذي في مجموعة الهلال
هذه ببساطة وظيفة div او class
تحياتي
احيانا اعرف ما اريد فعله ولكن انسي الكود او اسمه فقط فاقوم بمراجعه الدرس ولن انساه مجددا
حيث ان المراجعة مع الدرس تعطيك المفهوم الحقيقي للكود
تحياتي
اخي الكريم قبل احترافي كنت مثلك تقريبا وكنت كل دقيقة تقريبا ادخل انسخ كود وئعود لاكن بعد التمرس على كتابة الاكواد وفهمها حلت المشكلة وهاذا
ما انصحك به لا تبتعد عن البرمجة ثم تعود فجئة وحاول ان تفهم الاكواد التي تقوم بكتابتها وئلا لن تفهم ويجب ايضا لا تيئس فبعد في اول الطريق
عادي لا يوجد انسان لا يخطء
ساواصل طريقي باذن الله وسوف اشارككم نجاحي المنتظر الذي كنتم نصفه
شكرا لك اخي
وفقك الله :)
انا عن نفسي بدات اتعلم برمجه الويب من قبل شهر واجده ممتع جدا ومناسب لي
قمت بعمل نسخ عديده للمواقع وصباح اليوم قمت بتحويل برنامج whatsapp الى Html , css , javascript , jQeury
اتمنى منكم القاء نظره عليه
المشكلة ليست مشكلة نسيان او ملل المشكلة هو الممارسة القليلة و الشعور بعدم الوصول الى الهدف
التعليقات