8

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

السلام عليكم

لدي مشكلة مع تعلمي لبرمجة المواقع هي انني عندما اقوم بالتمرن علي كتابة الكود او الدروس فانني انسي بعض الاكواد التي مررت بها، اي مثلا عندما اقوم بعمل div واريد عمل محاذاة له انسي كيف يتم ذلك او الكود الذي يجب استخدامه لل Css هل هذا الشي يسبب لي مشكلة ام انه امر عادي ويجب علي الاستمرار في التعلم وكتابة الاكواد.

وهل يجب علي حفظ اكواد اي محاضرة قبل الانتقال الي الاخري ؟

لا تنسو بطرح خططكم التي تعلمتم بها اي كيف كنت تتمرن علي كتابة الكود وكيف تحفظ كود ما، فانا بحاجة اليه 

شكرا لكم :)

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

6
sami-abdo أضف ردا

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

أنا أفعل ذلك و ما لي ما يقارب 4 أعوام أو أكثر في مجال تطوير تطبيقات الويب ^_^ ، فليس هذا حرج خاصة مع تطور الادوات السريع ، و ظهور أخرى بسرعة .

لا تبالي بل واصل ، و كرر ، وكرر ، وكرر

لقد فهمتني تأكيداً

1
Abdulbasit أضف ردا

نعم فهمت قصدك

فقط كنت اظن نفسي علي الطريق الخاطئ

شكرا لك ساعمل بنفس الطريقة :)

1
ZaidEd أضف ردا

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

إلى الآن لم أفهم كيف نبني صفحة ويب؟ كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟ وإذا بحثت في الويب عن كود ما وأردت نسخه ففي أي مكان يحب وضعه؟ يعني ما هو الترتيب الصحيح لملف الـStyle sheet مثلًا؟

هذه الأسئلة لم أجد لها جوابًا حتى توقفت عن التعلم.

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

1
samer_jabal أضف ردا

كأنَّك تتحدَّث عَنِّي.

0
Rashadoo أضف ردا

قلت أن لديك عشق كبير للخوارزميات، من يكتب الخوارزميات يجد html شيئاً بسيطاً جداً !!!

0
samer_jabal أضف ردا

صحيح ولكن عدم الممارسة ونسيان الوسوم مثلما تحدث هو .. كانت كتاباته في الصميم.

0
ZaidEd أضف ردا

حين جربت الانتقال من w3schools -حسبما أذكر أن اسمه كان- إلى codeacadmy كنت قد أنهيت الـHTML وثلاثة أرباع الـCSS فلما بدأت وجدتني لا أكتب أي كود في الاختبارات أو الدروس، فقط أنسخه من زاوية التلميح، مثلًا يقول لي لوضع صورة استعمل img src فأنسخها وأكتبها كما هي.

المصمم لن ينفع كمطور ويب حسبما يبدو.

0
ahmed.alhaj أضف ردا

عن تجربة، دعك من Codecademy ... تعلم القليل عن الأساسيات ثم حمّل ملفات PSD و حاول تكويدها، أو جرب محاكاة أي موقع حقيقي.

0
ZaidEd أضف ردا

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

إلى الآن لم أفهم كيف نبني صفحة ويب؟ كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟ وإذا بحثت في الويب عن كود ما وأردت نسخه ففي أي مكان يحب وضعه؟ يعني ما هو الترتيب الصحيح لملف الـStyle sheet مثلًا؟

1
ahmed.alhaj أضف ردا

إلى الآن لم أفهم كيف نبني صفحة ويب؟

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

كيف أرسم مستطيلًا؟ ما هي فائدة الـdiv؟

هنا تأتي فائدة الـdiv، بإمكانك جعله رابطاً أو مربعاً أو زراً أو أي شيء إعتبره كملف Document فارغ في الفوتوشوب، بالنسبة للمستطيل قم بإنشاء div، و أعطه id لتتعامل معه بالـ CSS، هناك قم بإعطائه الأبعاد عن طريق الواصفات Height و width ثم حدد لونه عن طريق color و هكذا إلى آخر الواصفات

0
ZaidEd أضف ردا

يعني عندما أريد إضافة كود جديد هل سيفرق مكان السطر؟ أم يحدث هذا فقط في الـ؟ وهل يمكنني أن أرتبها كما أشاء؟ أيضًا كيف أربط بين الـStylesheet والـhtml؟ وهل يفرق ترتيب القيم في تخصيص الـCSS مثل وضع اللون قبل الحد أو الظل؟

0
ahmed.alhaj أضف ردا

بالنسبة لـ 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

0
ZaidEd أضف ردا

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

0
amdjed_forever أضف ردا

اخي يبدو من تعليقك انك تجيد html و css

اريد ان اتعلم هذا المجال في العطلة الصيفية لكني محتار عن كيفية البداية فيه

هل علي ان ابدأ ب

... html و css و xml او

...html5 و css3 و xml او

... html5.1 التي اصدرت في مارس 2016 و css3 و xml او

... xhtml5 وcss3

ارجو الاجابة

1
Abdulbasit أضف ردا

اخي العزيز

انا ايضا كنت في حيرة من امري والحمدلله وجدت سبيلي وبدأت مع افضل مدرسة تعليم الكتروني عربية eElzeero Web school ، والحمدلله منذ ان بدأت لم تواجهني اي صعوبة واحسست نفسي اتعلم شي سهل ، لدي الان اسبوعان فقط اكملت فيهما ال HTML & CSS والان استطيع تكويد قالب من الصفر ، هذه تجربتي مع هذه المدرسة وساتركك تختار ،

اريد ان اتعلم هذا المجال في العطلة الصيفية لكني محتار عن كيفية البداية فيه

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

رابط المدرسة :

2
amdjed_forever أضف ردا

شكرا اخي

0
Yusufmh أضف ردا

@ZaidEd أخ زيد أنصحك بأن تتابع دورة إل html الخاصة ب udacity فهي. افضل من كود اكادمي

0
Abdulbasit أضف ردا

انا اكملت الكورس ب Codeacadmey لكنني لم افهم منه شي حيث كما قلت 

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

كنت افعل المثل لذا اتجهت الي اليوتيوب والحمدلله وجدت نفسي في تقدم ملحوظ .

0
مجهول
  • حذف بواسطة المستخدم
0
Abdulbasit أضف ردا

الكتابة الكثيرة للاكواد تجعلك تكتسب خبرة ولا تنسي ابدا

شكرا لك :)

3
مجهول
  • حذف بواسطة المستخدم
0
Abdulbasit أضف ردا

لدي مراجع لكنني لا التفت اليها كثيرا فقط اشاهد الدروس واطبق.

فبكتابة ملاحظاتك وملخصات دروسك ستتذكر كل شي بسهولة ويمكنك الرجوع اليه في اقرب وقت

شكرا لك اخي

وفقك الله

2
brg أضف ردا

لي بمجال البرمجه 9 سنوات

انقطعت عنها مايقارب سنه

حصلت تطورات كثيره

واغلب ماكنت اعرفه نسيته

حتى ظننت انني فقدت الذاكره هههههه

والان اتابع دورات من جديد

الممارسه افضل طريقه يعني كل اسبوع قم بمتابعة دورة تطبيقية وطبق برمجة السكربتات

مع كثرة الممارسة ستجد انك حافظ الاشياء افضل من اسمك

عن تجربة شخصية

1
akremjab أضف ردا

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

شكراً لك على النصائح.

0
Abdulbasit أضف ردا

انا اتابع دورات يوميا واحاول فهم ما يجري

لكنني فقط انسي ما تعلمته من قبل

مع كثرة الممارسة ستجد انك حافظ الاشياء افضل من اسمك

نعم هذا حقيقي فبالممارسة ساتذكر كل شئ باذن الله

شكرا لك

0
Abdulbasit أضف ردا

اخي لا تتوقف ابدا اذا واجهتك مشكلة ما فقط اطرح موضوع هنا والحمدلله ستجد الف حل من قبل الاستاذة هنا

حقيقة انا افعل ذلك كل يوم فهم قد مرو بمرحلتي ويعلمون ما يحدث.

استمر اخي وان شاء الله ستنجح

وفقك الله واعانك :)

1
moragib أضف ردا

مررت بهذه المرحلة ولازلت اعتبر نفسي مبتديء php

ياصديقي تابع شروحات بالفيديو افضل من المكتوبة مبدئيا على الاقل

ثم انك لاتحتاج ان تحفظ الاكواد نهائيا بل تفهم عملها ومتى تستخدم فقط وعموما ستحفظ الاكواد التي تتكرر معك كثيرا وسترى انك حفظتها دون قصد

ولكن ماتفهمه تكتبه في مرجع خاص بك

مثلا float معناها الطفو يعني الصورة تطفو الى اليمين او اليسار وطبعا يتبعها left او right

المهم تكتبهم على شكل جدول الكود بجانبه الوظيفة ثم شرح بسيط جدا سطر سطرين ثلاثة

وكلما رأيت كود جديد افهمه واسأل عنه وسجله

اذا اتيت لتصميم سكربت لن تستطيع بنائه بدون خطة وخريطة هي اهم واصعب شيء فيه لانك بالخريطة تحدد فشل المشروع من نجاحه

تخيل ان تبني منزلآ بدون مخطط وتحديد مساحات كل غرفة وعدد الطوب وكمية الاسمنت والحديد ؟ في كل خطوة ستكتشف مصيبه وخطأ ينسف كل مابنيته لانك لم تخطط بل بدأت فورآ واعتقدت انك جاهل لاتتقن البناء بينما انت تعرف كيف تبني الاعمدة الاسمنتية والقواعد وغيرها لكن عدم وجود خريطة وخطة بناء افشلت كل خبرتك

السكريبت هو مجموعة من اكواد كل كود له عمل وكل كود قد يرتبط بكود اخر او عدة اكواد

انت لم تفشل لكنك لست مرتب وفقدت السيطرة على تصميمك

اخيرا ال div تعني مجموعة مثلا

عندك اكواد الدخول او التسجيل تريد اظهارها في مكان واحد لاتريدها ان تفترق لذلك يجب ان تضعها كلها في مجموعة div وتسمي المجموعة بهذا الشكل

div id=alhilal

لاحظ اسميت المجموعة الهلال وسيكون هناك مجموعة اخرى اسمها النصر او الشباب وهكذا

عندما تعطي امر للغة css لتغير شكل قالب التسجيل يجب ان تخبر css عن اسم المجموعة حتى تذهب اليها وتغير لك ماتريد تغييره من الوان واحجام

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

هذه ببساطة وظيفة div او class

تحياتي

0
Abdulbasit أضف ردا

شكرا لك اخي بدأت العمل بهذه الطريقة وجدا مفيده

بارك الله فيك :)

1
عبد الصمد أضف ردا

يجب كتابة كل اكواد الدرس في ورقة خارجية و مراجعتها بدون العودة الى الدرس

0
Abdulbasit أضف ردا

احيانا اعرف ما اريد فعله ولكن انسي الكود او اسمه فقط فاقوم بمراجعه الدرس ولن انساه مجددا

حيث ان المراجعة مع الدرس تعطيك المفهوم الحقيقي للكود

تحياتي

0
anassix أضف ردا

ادا فهمت الاكواد جيدا

فما عليك الا ان تستعين بهدا الموقع عند النسيان

0
mohammed_yassin أضف ردا

اخي الكريم قبل احترافي كنت مثلك تقريبا وكنت كل دقيقة تقريبا ادخل انسخ كود وئعود لاكن بعد التمرس على كتابة الاكواد وفهمها حلت المشكلة وهاذا

ما انصحك به لا تبتعد عن البرمجة ثم تعود فجئة وحاول ان تفهم الاكواد التي تقوم بكتابتها وئلا لن تفهم ويجب ايضا لا تيئس فبعد في اول الطريق

عادي لا يوجد انسان لا يخطء

1
Abdulbasit أضف ردا

ساواصل طريقي باذن الله وسوف اشارككم نجاحي المنتظر الذي كنتم نصفه 

شكرا لك اخي 

وفقك الله :)

0
Ali_Almohaya أضف ردا

انا عن نفسي بدات اتعلم برمجه الويب من قبل شهر واجده ممتع جدا ومناسب لي

قمت بعمل نسخ عديده للمواقع وصباح اليوم قمت بتحويل برنامج whatsapp الى Html , css , javascript , jQeury

اتمنى منكم القاء نظره عليه

0
عبد الصمد أضف ردا

المشكلة ليست مشكلة نسيان او ملل المشكلة هو الممارسة القليلة و الشعور بعدم الوصول الى الهدف