هل شركات تتطلب ايضاً HTML CSS ام جافا سكريبت و مكتباتها تكفي

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

ولكن هناك بعض الشركات إذا كنت تعمل على React مثلا أو مكتبات الواجهة الأمامية مثل Vue و Angular تطلب فقط التركيز على تلك المكتبات ويوجد أشخاص أخرين هم المسؤولون عن تطوير HTML و CSS .

أما إذا كنت تقصد plain javascript ومكتباتها مثل jquery وغيرها فهنا بالطبع يجب أن تتعلم HTML و CSS . فلا يوجد مطور واجهات مستخدم يعمل فقط على جافاسكريبت دون HTML و CSS .

وإليك الإجابات التالية لمزيد من التفاصيل :

هذا يعتمد بشكل كبير على الوظيفة التي تتقدم لها وطبيعة الدور المطلوب داخل الشركة. إليك بعض السيناريوهات التي توضح متى يُتوقع منك إتقان HTML وCSS، ومتى قد يكون التركيز الأكبر على JavaScript ومكتباتها:

1. وظيفة Front-end Developer :

مطلوب: HTML + CSS + JavaScript

السبب: هذه الوظيفة تعتمد على بناء واجهات المستخدم من الصفر، وبالتالي من الضروري أن تكون لديك معرفة قوية بـ:

• هيكلة الصفحة باستخدام HTML
• تنسيق وتصميم العناصر بـ CSS
• إضافة التفاعل والسلوك بـ JavaScript

أيضًا من الشائع طلب معرفة بإطارات عمل مثل React أو Vue.

2. وظيفة Front-end باستخدام إطار عمل فقط (مثلاً React أو Angular):

مطلوب: JavaScript + إطار العمل

 لكن: رغم الاعتماد على إطار العمل، يبقى وجود HTML وCSS مهمًا لأن:

• JSX في React يُكتب بأسلوب يشبه HTML.
• تنسيق المكونات لا يزال يتم باستخدام CSS أو CSS-in-JS.

لذلك حتى في هذه الوظائف، لا يُمكن تجاهل HTML وCSS.

3. وظيفة Full-stack Developer:

مطلوب: HTML + CSS + JavaScript + Backend (مثلاً Node.js)

لأنك تتعامل مع الواجهة الأمامية والخلفية معًا، من الطبيعي أن تحتاج لإتقان التقنيات الأساسية للواجهة الأمامية.

4. وظيفة Back-end فقط:

مطلوب: JavaScript (إذا كنت تعمل بـ Node.js)

غالبًا لا يُطلب إتقان HTML وCSS، لكن فهم أساسي لهما يفيدك في التعاون مع الفريق.

في معظم وظائف تطوير الويب، لا تكفي JavaScript وحدها، بل يُتوقع منك أن تكون لديك معرفة جيدة بـ HTML وCSS، خصوصًا في الأدوار التي تشمل تطوير واجهات المستخدم.

طالما ستعمل في مجال الويب في تخصص تطوير الواجهة الأمامية، فستحتاج إلى تعلم أساسيات لغات الويب وهم HTML, CSS, JS وكل لغة تعتمد على الأخرى.

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

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

في مقابلات العمل سيتم إختبارك في المفاهيم المتقدمة في جافاسكريبت ثم React وليس العكس، نفس الأمر سيتم إختبارك في HTML, CSS بتنفيذ تصميم متقدم مثلاً أو أسئلة نظرية ثم سيتم سؤالك عن التقنيات المتعلقة بهم وهو إطار Tailwind.

ماهي المكتبة Tailwind

بتاريخ 20 دقائق مضت قال Hxfhf Ucicic:

ماهي المكتبة Tailwind

مكتبة Tailwind CSS هي إطار (Framework) لتنسيق وتصميم الواجهات باستخدام CSS.

توفر لك Tailwind مجموعة من (Classes) التي تمثل خصائص CSS محددة، وتقوم بتركيبها لإنشاء التصميم الذي تريده.

مثال:

لو أردت إنشاء زر بلون أزرق ونص أبيض بحواف دائرية، يمكنك استخدام Tailwind كالتالي:

<button class="bg-blue-500 text-white rounded px-4 py-2"> اضغط هنا </button>

كل كلاس هنا يعبر عن خاصية:

• bg-blue-500: خلفية زرقاء بدرجة معينة
• text-white: لون النص أبيض
• rounded: حواف دائرية
• px-4 py-2: حشوة داخلية أفقية وعمودية

بتاريخ 1 دقيقة مضت قال Hxfhf Ucicic:

ماهي المكتبة Tailwind

بالأصح ذلك إطار عمل قائم على لغة CSS، ويوفر هيكلية ومنهجية محددة لتصميم الواجهات باستخدام كلاسات Utility-First، أي أنه يفرض طريقة معينة للتعامل مع التصميم من خلال الكلاسات الجاهزة،  باستخدامها مباشرة لتصميم واجهات المستخدم دون الحاجة إلى كتابة CSS مخصص من الصفر، فبدلاً من تقديم مكونات جاهزة مثل Bootstrap، يوفر Tailwind كلاسات صغيرة ومحددة مثل text-center، bg-blue-500، p-4 تستطيع دمجها مع بعضها البعض لإنشاء تصاميم مخصصة بسرعة.

ستجد تفصيل هنا:

انا تعلمت HTML CSS

لكنbootstrap 5 لم اتعلمها وايضاً مكتبة Tailwindcss وايضاً canvas في HTML

هل هذا الامر كافي ام يجب علي تعلمهم 

بتاريخ 3 دقائق مضت قال Hxfhf Ucicic:

انا تعلمت HTML CSS

لكنbootstrap 5 لم اتعلمها وايضاً مكتبة Tailwindcss وايضاً canvas في HTML

هل هذا الامر كافي ام يجب علي تعلمهم 

عليك تعلم tailwind

ماهي احدث نسخة حالياً من هذه المكتبة

بتاريخ 3 دقائق مضت قال Hxfhf Ucicic:

ماهي احدث نسخة حالياً من هذه المكتبة

الإصدار 4

بتاريخ 4 دقائق مضت قال Hxfhf Ucicic:

ماهي احدث نسخة حالياً من هذه المكتبة

أحدث نسخة حالياً من Tailwind CSS هي النسخة 4.1

هل نسخة الثالثة صالحة لتعلم او يعني اتعلم النسخة الثالثة بدلاً من النسخة الرابعة

بتاريخ 12 دقائق مضت قال Hxfhf Ucicic:

هل نسخة الثالثة صالحة لتعلم او يعني اتعلم النسخة الثالثة بدلاً من النسخة الرابعة

النسخة الثالثة صالحة للتعلم، لكنها أقدم. من الأفضل تعلم النسخة الرابعة (4.1) لأنها أحدث وتحتوي على تحسينات جديدة.
أنصح بالبدء بالنسخة الرابعة حالياً.

هل ايضاً Bootstrap 5 يجب علي تعلمه وايضاً Canvas في HTML

بتاريخ 5 دقائق مضت قال Hxfhf Ucicic:

هل ايضاً Bootstrap 5 يجب علي تعلمه وايضاً Canvas في HTML

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

أما Canvas في HTML فهو مهم في حال كنت تحتاج لرسم رسومات أو تطوير ألعاب أو رسوم تفاعلية، لكنه ليس ضروريًا لكل مطور واجهات.

في يوتيوب لا يوجد فيديو لتعلم Tailwind الأصدار 4 لقد بحثت كثيراً ولم اجده

بتاريخ منذ ساعة مضت قال Hxfhf Ucicic:

في يوتيوب لا يوجد فيديو لتعلم Tailwind الأصدار 4 لقد بحثت كثيراً ولم اجده

يوجد الكثير من الدورات التي تشرح Tailwind وتطبيقات عليه بالإصدار الرابع أيضاً عليك فقط البحث عن tailwind 4 وستظهرلك العديد من الفيديوهات باللغة الإنجليزية .

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