4

الى أين الأن من CSS ؟

السلام عليكم و رحمة الله و بركاته

رمضانكم مبارك

على كل حال

تعلمت أساسيات Html و CSS و تعلمت حتى CSS 3 طبعا من W3SCHOOLS

على كل حال الان لا أعرف ماذا أفعل يعني هل أتجه لjavascrpit

أو أدرس CSS.W3 أو Bootstrap أو CSS RWD ؟

لا اعرف الى اي اتجاه أختار

سؤال : هل عدم تصميم مشروع من مشاريع CSS النهائية سوف يجعلني غير مؤهل لدخول عالم جافا سكريبت ؟

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

من فضلكم ساعدوني في اتخاذ قرار و شكرا جزيلا لكم

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

التعليقات

2
testweb أضف ردا

عليكم السلام ورحمة الله وبركاته

قبل الانتقال اعمل مشاريع بسيطه باستخدام html,css

شاهد هنا دروس رائعه وبالعربي

وخصوصا هذه الروابط

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

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

بعدما تجد نفسك متكمن من html,css ادرس الجافا سكربت وتعلم الاساسيات بعدها انتقل الى مكتبات مثل بوتستراب او غيرها

لكن اهم شي ان تبني لنفسك اساس صحيح بعدها تستطيع ان تستخدم مكتبات تسهل عليك الامر

بالتوفيق لك

-1
TechnoBoy أضف ردا

يا أخي قد أنهيت كل هذا

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

على كل حال بارك الله فيك على محاولتك مساعدتي

0
testweb أضف ردا

هل انهيت دوره تكويد القوالب ؟

او هل قمت بعمل قوالب ياريت تشاركنا حتى نشاهد عملك

تحيتي لك

-1
TechnoBoy أضف ردا

دورة تكويد القوالب ؟

هذا غير موجود في دورة W3SCHOOL

أتحدث عن CSS و HTML

1
testweb أضف ردا

اخي الحبيب موقع w3school ليس دستور او قانون يفرض عليك حتى لاتدرس الا منه فقط

انا ايضا اتحدث عن html,css

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

وقمت بوضع دروس كيفيه تكويد قوالب حتى تصقل مهارتك التي تعلمتها بــ html,css بصنع قوالب

ماهي الفائده تقول انهيت الدروس بالموقع ولاتعرف كيف تعمل قالب ؟ لانه الموقع اساسا يعطيك منهج تمشي عليه بعدها تبحر بالنت وتشاهد كيفيه التكويد واذا لاتريد دروس عربيه لابأس ابحث باليوتيوب وجوجل عن tutorial psd to html

بعتذر على تدخلي بالموضوع

بالتوفيق لك

-1
TechnoBoy أضف ردا

أخي الغالي أنا لا أعتمد على W3SCHOOL فقط أعتمد على مواقع اخرى لكن مواقع اجنبية

المواقع العربية التعليمية و خصوصا قنوات اليوتيوب لا تعجبني

لا باس أخي

سوف اعمل بنصيحتك و أتعلم كيف أصمم قالب مع انني لست مصمم جيد بالفوتوشوب و أمور التصميم لا تهمني كثيرا كما تهمني اللغات لكن لا بأس

شكرا جزيلا لك اخي الغالي

1
assassinateur أضف ردا

حان الوقت لتطبق ما تعلمته، تعلم bootstrap بالتطبيق، جرب تحويل PSD إلى HTML الآن، هذه طريقة جربتها مع بعض أصدقائي ورغم أنها صعبة ومتعبة وتتطلب منك البحث والسؤال (مرحب بك السؤال هنا في أرابيا في أي وقت) لكنها طريقة فعالة، دعني أقترح عليك PSD مجاني لتتدرب عليه

هذا القالب المجاني اتضح أنه مفيد جدا، فهو يعلمك كيف تصمم navigation slider grid toolbar accordion pagination custom checkboxs/radios والكثير غيره، أنصحك بتجريبه

1
Eslam3bd أضف ردا

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

0
TechnoBoy أضف ردا

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

هل تعرف أنني بقيت وقتا و أنا أبحث عن دورة هنا الى هناك و أغير و غيرها ...

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

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

على كل حال شكرا جزيلا لك أخي

1
Eslam3bd أضف ردا

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

0
Moahmed_Hamdy1984 أضف ردا

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

0
zakariamouhid أضف ردا

ال JavaScript ستفيدك جدا

بالنسبة لمشروع معرض صور هل فيه فقط css

0
TechnoBoy أضف ردا

نعم فيه فقط CSS

لكني بعدما فشلت فيه فشلا ظريعا فقدت ثقتي بنفسي

أصبحت اني لم أصبح مؤهلا لتعلم المزيد

أخي هل هذا حقا مثير للقلق ام أنه عادي ؟

0
zakariamouhid أضف ردا
  • ليست مشكلة حاول من جديد وستتعلم شيئا فشيئا

وابحث واسأل عن المشاكل التي تواجهك

  • يمكنك الدخول مباشرة في JavaScript ولا تقلق من أنك تواجه مشاكل في css

لأن بعض الأشياء لا تفعل بدون JavaScript

  • أرني الرابط الذي رأيت فيه معرض الصور
0
TechnoBoy أضف ردا

المشكل أنني لم أفهم

في الأول بعدما لم ارى الكود كنت اظن أن المشكل في الكود الخاص بي

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

لم أفهم لما كل مرة تكون الصور ليست في استقامة واحدة افقية + مشاكل في توضيع كتابة لكل صورة

لم أفهم شيئا

0
zakariamouhid أضف ردا

كل ما عليك هو وضع كل صورة مع عنوانها في div وإعطائه الخاصية float:left تم اعطاء الخاصية overflow:hidden للعنصر الذي يحمل هذه ال div مثال

<section>
    <div>
        <img src='

        <h3>عنوان</h3>
    </div>
    <div>
        <img src='

        <h3>عنوان</h3>
    </div>

    <div>
        <img src='

        <h3>عنوان</h3>
    </div>

</section>


section {
    overflow: hidden;
}
section div {
    width: 150px;
    float: left;
    box-shadow: 0 0 1px #333;
}
0
TechnoBoy أضف ردا

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

و الأن قمت بالبدأ من جديد في المشروع و قد نجح أخيرا !! ههه نجح اكثر من اللازم أضفت له حركة مميزة (:

بارك الله فيك أخي الغالي

يبدو انني سوف أتجه الى الجافا سكريبت كما قال بعض من أصديقائي و كما قلت أنت

لكن اخي ممكن تعطيني مسارات اللغات بالترتيب عندما أنهي الجافا سكريبت ؟

لكي لا ازعجكم بأسئلتي من هذا النوع

وشكرا (:

0
zakariamouhid أضف ردا

شخصيا لا زلت في JavaScript

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