هل يجب إتقان css قبل تعلم bootstrap

كيف تقوم بالتطبيق على css حالياً ؟ هل تقوم ببناء مشاريع أو مواقع أم تقوم بحل بعض التمارين البسيطة؟

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

Bootstrap في النهاية CSS مكتوبة مسبقاً بواسطة مهندسين يفهمون CSS بعمق. إذا ذهبت إليها الآن، ستكتب وتستعمل التنسيقات الموجودة وهي تعمل، لكنك لن تعرف لماذا تعمل، 

ولذلك حاول البحث عن تطبيق بسيط مثل صفحة هبوط، بطاقة شخصية، قائمة تنقل  وحاول تقليده من الصفر بدون أي مساعدة. حين تقف عند مشكلة معينة (مثل "كيف أُحاذي هذا العنصر في المنتصف؟") ابحث عن هذه المشكلة تحديداً، افهم حلها، وطبقه. فهذا الأسلوب يسرع الفهم أضعافاً مقارنة بمتابعة الكورس فقط.

بتاريخ 3 دقائق مضت قال عبدالباسط ابراهيم:

كيف تقوم بالتطبيق على css حالياً ؟ هل تقوم ببناء مشاريع أو مواقع أم تقوم بحل بعض التمارين البسيطة؟

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

Bootstrap في النهاية CSS مكتوبة مسبقاً بواسطة مهندسين يفهمون CSS بعمق. إذا ذهبت إليها الآن، ستكتب وتستعمل التنسيقات الموجودة وهي تعمل، لكنك لن تعرف لماذا تعمل، 

ولذلك حاول البحث عن تطبيق بسيط مثل صفحة هبوط، بطاقة شخصية، قائمة تنقل  وحاول تقليده من الصفر بدون أي مساعدة. حين تقف عند مشكلة معينة (مثل "كيف أُحاذي هذا العنصر في المنتصف؟") ابحث عن هذه المشكلة تحديداً، افهم حلها، وطبقه. فهذا الأسلوب يسرع الفهم أضعافاً مقارنة بمتابعة الكورس فقط.

أشاهد كورسات على يوتويب ويوجد على الكورسات تكليفات اقوم بحلها ولاكنها ليست مواقع واجد منها اشياء قديمه لم تعد تسخدم مثل float 

بتاريخ الآن قال Ibrahim Almahdy:

أشاهد كورسات على يوتويب ويوجد على الكورسات تكليفات اقوم بحلها ولاكنها ليست مواقع واجد منها اشياء قديمه لم تعد تسخدم مثل float 

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

بتاريخ 2 دقائق مضت قال عبدالباسط ابراهيم:

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

ادخل على موقع frontend mentor واطبق المشاريع اللي هيا ب html css ؟

لاكني اشعر اني لست متمكن 

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

بتاريخ الآن قال Ibrahim Almahdy:

ادخل على موقع frontend mentor واطبق المشاريع اللي هيا ب html css ؟

لاكني اشعر اني لست متمكن 

نعم يمكنك استخدام موقع frontend mentor ولكن يفضل التدرج في مستوى المشاريع بمعنى إختيار مشاريع تناسب مستواك .

اقتباس

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

لا تحتاج css كل هذه المدة ولكن لا يهم فيمكنك المتابعة الأن في تعلمها بشكل صحيح .
وبما أنك في دورة واجهات المستخدم فيمكنك المتابعة بدون أي مشكلة في المسار بناء صفحات هبوط ثم التطبيق مع المدرب وعند الذهاب لمشروع يستخدم bootstrap يمكنك الرجوع لتعلم المسار أطر العمل (أي تخطي هذا المسار في البداية )

بتاريخ 2 دقائق مضت قال عبدالباسط ابراهيم:

نعم يمكنك استخدام موقع frontend mentor ولكن يفضل التدرج في مستوى المشاريع بمعنى إختيار مشاريع تناسب مستواك .

لا تحتاج css كل هذه المدة ولكن لا يهم فيمكنك المتابعة الأن في تعلمها بشكل صحيح .
وبما أنك في دورة واجهات المستخدم فيمكنك المتابعة بدون أي مشكلة في المسار بناء صفحات هبوط ثم التطبيق مع المدرب وعند الذهاب لمشروع يستخدم bootstrap يمكنك الرجوع لتعلم المسار أطر العمل (أي تخطي هذا المسار في البداية )

لقد قمت بعمل 5 مشاريع ب استخدام bootstrap وكنت افهمها ولاكن كنت اجد الضعف في css نفسها مش عارف لماذا اعتقد هذا ، وايضا 10 شهور كلها لسيت تعلم ، كنت اتعلم بعض الوقت والبعض اتوقف ثم ارجع من نقطه البدايه ثانيًا وهكذا

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

CSS ليست صعبة في حد ذاتها، إذ أن فهم عناصرها أمر ممكن، لكن الإحساس بالصعوبة يأتي من غياب التطبيق الفعلي على مشاريع حقيقية. والطريقة الصحيحة لإتقانها هي البدء ببناء صفحات كاملة كصفحات الهبوط والمواقع البسيطة، مع كتابة الكود يدا بيد بدلا من الاكتفاء بالمشاهدة.

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

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

بتاريخ 19 ساعة قال Ibrahim Almahdy:

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

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

حدد فترة زمنية 6 أشهر تتعلم بها أساسيات Full-stack لتطوير مواقع الويب، وذلك من خلال لغة جافاسكريبت بمعنى ستتعلم HTML, CSS, JS ثم تتعلم React, Node.js وNext.js

وليس المطلوب منك التعمق لتلك الدرجة في CSS، يكفي استيعاب أساسيات ما يلي:

بعد تعلم الأساسيات والتطبيق عليها انتقل فورًا للمشاريع العملية الكاملة ولكن أول مشروع كامل لك لا تقم باستخدام أي إطار عمل سواء بوتستراب أو tailwind، بل استخدم CSS فقط، ستجد مشاريع عملية على اليوتيوب.

بعد ذلك انتقل للدورة وأنهي المسارات العملية التي بها وتعلم بوتستراب.

بتاريخ On 7‏/4‏/2026 at 13:22 قال Ibrahim Almahdy:

ادخل على موقع frontend mentor واطبق المشاريع اللي هيا ب html css ؟

لاكني اشعر اني لست متمكن 

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

هذه مشكلة كبيرة وهى التشتت والقلق والتوقف في نفس المكان دون التحرك خطوة للأمام .

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

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

وإليك الأجابات التالية لمزيد من التفاصيل وتوفير مواقع تستلهم منها التصاميم لتقوم بإنشاء الكود وتحويله إلى التصميم :