هل يجب التركيز على تعلم CSS أم تعلم التقنيات مثل Bootstrap و Tailwind

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

بتاريخ 2 دقائق مضت قال oubai nezar:

و أن الشركات الكبرى لا تعتمد عليه كثيرا بل تعتمد على css فهل هذا صحيح

الشركات الكبرى قد لا تعتمل على كل من bootstrap أو CSS ولكنها بالتأكيد ستستخدم نفس المفاهيم ولكن في بيئات عمل مختلفة مثل MUI أو tailwind وغيرها.

في النهاية أرى انه كمبتدئ يجب ان تركز بشكل رئيس على CSS ومن ثم تتعلم bootstrap وبعدها تفكر في تعلم التقنيات الاكثر تقدماً.

بالنسبة لسؤالك، فإن Bootstrap هي إطار عمل يعتمد على HTML و CSS و JavaScript ويهدف إلى تبسيط عملية تصميم وتطوير مواقع الويب. ومن المعروف أنه يساعد في توفير الوقت والجهد في بعض الحالات، خاصةً إذا كنت تعمل على مشروع صغير أو تحتاج إلى تصميم موقع بسيط.

ومع ذلك، فإن تعلم Bootstrap لا يعتبر بديلاً عن فهم CSS و HTML بشكل جيد، حيث يعتمد Bootstrap بشكل كبير على هذه اللغات في تصميم وتنسيق المواقع.

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

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

لذا، ننصح بتعلم CSS والعمل على مشاريع عديدة بها حتى يتم إتقانها قبل الانتقال إلى Bootstrap.

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

وهذه بعض المصادر المفيدة لتعلم CSS.

CSS - موسوعة حسوب (hsoub.com)

مقالات أكاديمية حسوب عن لغة CSS

بتاريخ 2 دقائق مضت قال محمد Fahmy:

بالنسبة لسؤالك، فإن Bootstrap هي إطار عمل يعتمد على HTML و CSS و JavaScript ويهدف إلى تبسيط عملية تصميم وتطوير مواقع الويب. ومن المعروف أنه يساعد في توفير الوقت والجهد في بعض الحالات، خاصةً إذا كنت تعمل على مشروع صغير أو تحتاج إلى تصميم موقع بسيط.

ومع ذلك، فإن تعلم Bootstrap لا يعتبر بديلاً عن فهم CSS و HTML بشكل جيد، حيث يعتمد Bootstrap بشكل كبير على هذه اللغات في تصميم وتنسيق المواقع.

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

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

لذا، ننصح بتعلم CSS والعمل على مشاريع عديدة بها حتى يتم إتقانها قبل الانتقال إلى Bootstrap.

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

أنا قد تابعت كل محتوى أساسيات لغة css من موقعكم فهل هذا كاف أم علي التعلم من مصادر أخرى قبل الإنتقال إلى Bootstrap

بتاريخ الآن قال oubai nezar:

أنا قد تابعت كل محتوى أساسيات لغة css من موقعكم فهل هذا كاف أم علي التعلم من مصادر أخرى قبل الإنتقال إلى Bootstrap

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

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

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

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

وأنصحك بالبحث عن أساسيات التصميم بشكل صحيح من حيث إختيار الخطوط وتناسب المساحات وما هي الـ Negative space وإختيار الألوان المناسبة والـ Visual Hierarchy وهو يعني التسلسل الهرمي المرئي في تصميم الويب، وكنصيحة أخرى قم بدراسة كورس Ui/UX بسيط لتعليمك تلك الأساسيات.

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

وسأوضح لك ما ٌأقصده من خلال صورتين فقط:

الأمر أصبح أوضح قليلاً، صحيح؟

وأنصحك بقراءة التالي:

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

وكل فترة ستجد تقنيات جديدة على الساحة فماذا لو تم الاستغناء عن استخدام Bootstrap مثلاً؟ 

التقنيات تم تطويرها لتسريع عملية تطوير المواقع، وكل مكتبة وإطار له استخدام مناسب، وبالطبع سيتعين تعلم أحد تلك الإطارات، ولتفهم ما أقصد أنصحك بمشاهدة الفيديو التالي:

وأيضًا بخصوص هل الدورة كافية أم عليك بقراءة التالي:

بتاريخ 1 ساعة قال oubai nezar:

رأيت فيديو لأحد المتخصصين في مجال الفرونت إند و لقد حذر من تعلم boostrap للمبتدئين 

يجب على المبتدئين في تطوير الويب التركيز على تعلم CSS بشكل جيد أولاً، حتى يتمكنوا من فهم كيفية تصميم وتنسيق العناصر على صفحة الويب، وكيفية تخصيص تصميماتهم بشكل أفضل وفقًا لاحتياجات المشروع. بمجرد أن يفهموا CSS بشكل جيد، يمكنهم استخدام Bootstrap كأداة إضافية لتسهيل وتسريع عملية تطوير واجهات المستخدم.وبعد تعلم ال bootstrap يجب تعلم المزيد حول ال css

بتاريخ 1 ساعة قال oubai nezar:

و أن الشركات الكبرى لا تعتمد عليه كثيرا بل تعتمد على css فهل هذا صحيح

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

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

أنا الآن قد أنهيت المسار الأول هل بإمكاني تعلم bootstrap

بتاريخ 3 ساعة قال oubai nezar:

أنا الآن قد أنهيت المسار الأول هل بإمكاني تعلم bootstrap

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

صحيح أنه من الضروري التركيز على تعلم CSS كأساس لتنسيق وتصميم صفحات الويب. CSS هو لغة أساسية لتحديد الأنماط وتخصيص المظهر والتصميم الخاص بالمواقع.

مع ذلك، فإن تعلم تقنيات مثل Bootstrap و Tailwind يمكن أن يكون مفيدًا أيضًا. هذه التقنيات تعتبر إطارات عمل (Frameworks) لتصميم وتنسيق صفحات الويب بطرق أكثر سهولة وسرعة. توفر Bootstrap و Tailwind مجموعة من الأنماط والعناصر الجاهزة والتعليمات البرمجية المسبقة التي يمكن استخدامها لتحقيق تصميمات مرنة وجذابة بسرعة.

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

بغض النظر عن الاختيار الذي تقوم به، فإن فهم أساسيات CSS وتعلمها جيدًا سيكون مفيدًا لك كمطور فرونت إند. قد تحتاج في بعض الأحيان إلى تخصيص تصميمات Bootstrap أو Tailwind أو أي إطار عمل آخر باستخدام CSS المخصص، وهنا يكون فهمك الجيد لـ CSS ضروريًا.

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