كيف

HowTo الصفحة الرئيسية

القوائم

شريط الأيقونات أيقونة القائمة الأكورديون نوافذ التبويب علامات تبويب عمودية رؤوس علامات التبويب علامات تبويب صفحة كاملة تحوم علامات التبويب أعلى التنقل توبناف مستجيب Navbar مع الأيقونات قائمة البحث شريط البحث شريط جانبي ثابت التنقل في الصفحة شريط جانبي متجاوب التنقل بملء الشاشة قائمة خارج القماش تحوم على أزرار Sidenav الشريط الجانبي مع الأيقونات قائمة التمرير الأفقية القائمة العمودية التنقل السفلي التنقل السفلي المستجيب ارتباطات التنقل عبر الحدود السفلية ارتباطات القائمة المحاذاة لليمين ارتباط القائمة المركزية ارتباطات قائمة عرض متساوية قائمة ثابتة حرك الشريط لأسفل في التمرير إخفاء شريط التنقل في التمرير تقليص شريط التنقل في التمرير شريط التنقل اللزج Navbar على الصورة تحوم القوائم المنسدلة انقر فوق القوائم المنسدلة قائمة منسدلة متتالية المنسدلة في Topnav المنسدلة في Sidenav Resp Navbar المنسدلة قائمة الملاحة الفرعية إسقاط ما يصل قائمة ميجا قائمة المحمول قائمة الستائر شريط جانبي مطوي لوحة Sidepanel المنهارة ترقيم الصفحات فتات الخبز مجموعة الأزرار مجموعة الأزرار العمودية شريط اجتماعي مثبت ملاحة حبوب منع الحمل رأس مستجيب

الصور

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

أزرار

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

نماذج

نموذج تسجيل الدخول التسجيل من نموذج الخروج نموذج الاتصال نموذج تسجيل الدخول الاجتماعي استمارة تسجيل النموذج مع الأيقونات النشرة الإخبارية نموذج مكدس نموذج الاستجابة نموذج منبثق نموذج مضمّن مسح حقل الإدخال إخفاء عدد الأسهم نسخ النص إلى الحافظة بحث متحرك زر البحث بحث بملء الشاشة حقل الإدخال في Navbar نموذج تسجيل الدخول في Navbar خانة اختيار مخصصة / راديو تحديد مخصص مفتاح الفصل الكهربائي تحقق من خانة الاختيار كشف قفل الأحرف الكبيرة زر الزناد على Enter التحقق من صحة كلمة المرور تبديل رؤية كلمة المرور نموذج متعدد الخطوات الإكمال التلقائي قم بإيقاف تشغيل الإكمال التلقائي قم بإيقاف تشغيل التدقيق الإملائي زر تحميل الملف التحقق من صحة الإدخال الفارغ

المرشحات

قائمة الفلاتر جدول التصفية عناصر التصفية قائمة التصفية المنسدلة قائمة الفرز جدول الإملائي

الجداول

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

أكثر

فيديو بملء الشاشة مربعات مشروطة حذف مشروط الجدول الزمني مؤشر التمرير أشرطة التقدم شريط المهارات رينج سلايدر تلميحات عرض عنصر التمرير تظهر ظهور مفاجئ انهيار تقويم يتضمن HTML عمل قائمة لوادر تصنيف النجوم تقييم المستخدم تأثير التراكب رقائق الاتصال البطاقات بطاقة الوجه بطاقة الملف الشخصي بطاقة المنتج تنبيهات صرخ ملحوظات ملصقات الدوائر نمط HR قسيمة قائمة المجموعة قائمة بدون تعداد نقطي نص متجاوب نص قطع نص متوهج تذييل ثابت عنصر مثبت ارتفاع متساوي كليرفكس يطفو استجابة مطعم الوجبات الخفيفة نافذة ملء الشاشة رسم التمرير تمرير سلس انتقل إلى التدرج Bg رأس مثبت تقليص الرأس عند التمرير جدول التسعير المنظر ابعاد متزنة إطارات Iframes المتجاوبة تبديل أعجبني / لم يعجبني تبديل إخفاء / إظهار تبديل الوضع الداكن تبديل النص تبديل الفصل إضافة فئة إزالة الفصل فئة نشطة عرض الشجرة إزالة الخاصية الكشف دون اتصال البحث عن العنصر المخفي إعادة توجيه صفحة الويب تكبير تحوم فليب بوكس توسيط عموديًا زر الوسط في DIV الانتقال عند Hover السهام الأشكال رابط التحميل عنصر ارتفاع كامل نافذة المتصفح شريط تمرير مخصص إخفاء شريط التمرير إظهار / فرض شريط التمرير مظهر الجهاز حدود المحتوى القابلة للتحرير لون العنصر النائب لون تحديد النص لون الرصاصة خط عمودي المقسمات تحريك الأيقونات العد التنازلي آلة كاتبة قريبا الصفحة رسائل الدردشة نافذة الدردشة المنبثقة تقسيم الشاشة الشهادات - التوصيات عداد القسم عرض الشرائح اقتباسات عناصر قائمة قابلة للإغلاق نقاط توقف الجهاز النموذجية عنصر HTML قابل للسحب استعلامات وسائط JS تمييز بناء الجملة شبيبة الرسوم المتحركة طول سلسلة JS شبيبة الأس معلمات JS الافتراضية احصل على URL الحالي احصل على حجم الشاشة الحالي احصل على عناصر Iframe

موقع إلكتروني

إنشاء موقع مجاني أنشئ موقعًا على شبكة الإنترنت إنشاء موقع ثابت إنشاء موقع على شبكة الإنترنت (W3.CSS) إنشاء موقع على شبكة الإنترنت (BS3) إنشاء موقع على شبكة الإنترنت (BS4) إنشاء موقع على شبكة الإنترنت (BS5) إنشاء وعرض موقع إنشاء موقع شجرة الارتباط قم بإنشاء محفظة أنشئ سيرة ذاتية إنشاء موقع مطعم إنشاء موقع تجاري اصنع كتاب ويب موقع المركز قسم الاتصال حول الصفحة رأس كبير مثال على الموقع

شبكة

2 تخطيط العمود 3 تخطيط العمود 4 تخطيط العمود توسيع الشبكة قائمة عرض الشبكة تخطيط العمود المختلط بطاقات العمود تخطيط منعرج الزاك تخطيط المدونة

متصفح الجوجل

مخططات جوجل خطوط جوجل اقتران خطوط Google جوجل إعداد تحليلات

المحولات

تحويل الوزن تحويل درجة الحرارة تحويل الطول تحويل السرعة

مدونة

احصل على وظيفة مطور كن مطورًا للواجهة الأمامية.

كيف - احصل على وظيفة مطور


يمكن لأي شخص أن يصبح مطورًا.

يمكنك العثور على الكثير من المحتوى المجاني على الإنترنت.

قد يكون الحصول على أول وظيفة مطور لك أمرًا صعبًا.

أهم شيء هو عدم الاستسلام.

تدرب كل يوم لتصبح أفضل.


ماذا يفعل المطور

المطور هو الشخص الذي يجعل الأشياء تحدث على الكمبيوتر.

يمكن أن يكون هذا لإنشاء موقع ويب أو تطبيق ويب أو لإنشاء لعبة.

يمكن أن تكون هواية أو وظيفة - أو وظيفة ؛ +]

إنه أمر إبداعي وممتع أن نبني شيئًا ناجحًا!

ما الذي يتطلبه الأمر لتصبح مطورًا

حدد هدفًا لنوع المطور الذي تريد أن تصبح. على سبيل المثال الواجهة الأمامية أو النهاية الخلفية .

حدد لغات البرمجة التي تريد تعلمها.

اقرأ وتمارس وقم ببناء الكود.

احصل على ملاحظة من قبل شخص يمكنه أن يمنحك فرصة.

لا تيأس أبدا.

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

تفكر أيضًا في الواجهة الأمامية على أنها جهة العميل والخلفية جهة الخادم .


من أين أبدأ

HTML و CSS و JavaScript هي اللغات الأساسية التي تحتاج إلى معرفتها لإنشاء موقع ويب.

لتصبح مطور ويب ، ابدأ بالموضوعات أدناه ، بالترتيب التالي:

  1. أنشئ الهيكل باستخدام HTML. أول شيء يجب أن تتعلمه هو HTML ، وهي لغة الترميز القياسية لإنشاء صفحات الويب.
  2. تعلم HTML ❯
  3. أسلوب مع CSS. الخطوة التالية هي تعلم CSS ، لتعيين تخطيط صفحة الويب الخاصة بك بألوان وخطوط جميلة وغير ذلك الكثير.
  4. تعلم CSS ❯
  5. اجعلها تفاعلية مع JavaScript. بعد دراسة HTML و CSS ، يجب أن تتعلم JavaScript لإنشاء صفحات ويب ديناميكية وتفاعلية لمستخدميك.
  6. تعلم JavaScript ❯

هل سمعت عن W3Schools Spaces ؟ هنا يمكنك إنشاء موقع مجاني باستخدام HTML و CSS و JavaScript.

ابدأ مجانًا ❯

* بطاقة الإئتمان غير مطالب بها

تعلم ومارس أطر عمل ومكتبات JavaScript و CSS مثل:

ستجعلك معرفة الأطر والمكتبات أكثر جاذبية في سوق العمل.

كيف يمكنني تعلم Back-End؟

يتم استخدام HTML و CSS و JavaScript لإنشاء مواقع ويب ثابتة.

لجعل مواقع الويب ديناميكية (قواعد البيانات ، ونماذج الاتصال ، ووصول المستخدم ، وما إلى ذلك) تحتاج إلى استخدام لغات البرمجة الخلفية.

فيما يلي بعض لغات الخلفية الشائعة:

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

يُطلق على الأشخاص الذين يعملون مع إنشاء التطبيقات مطورو الخلفية.

يُطلق على الأشخاص الذين يعملون مع كل من الواجهة الأمامية والخلفية مطورو Fullstack.

نوصي ببدء رحلتك مع Front-End.


كيف تحصل على وظيفتك الأولى في عشر خطوات

هناك طرق عديدة للحصول على وظيفتك الأولى.

ترتيب الخطوات هو اقتراح.

يمكنك تنفيذ الخطوات بالترتيب الذي تريده.


الاستعدادات: حدد الهدف

التزم بهدفك.

ضع خطة.

خصص وقتًا كل يوم وأسبوع للتعلم والممارسة.

أن تكون متسقًا هو أهم شيء!


لا يوجد سبب حقيقي للدفع مقابل Bootcamp باهظ الثمن أو اشتراك شهري للوصول إلى المحتوى.

يمكنك العثور على الكثير من المحتويات المجانية المفتوحة على الإنترنت.

اعمل على خطتك ، وابني ، وكن متسقًا. ستكون بخير!

الخطوة الأولى: إتقان اللغات

اقرأ ومارس وابني باللغات التي قررت تعلمها.

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

دائما يبني.


الخطوة الثانية: بناء سيرة ذاتية عبر الإنترنت

السيرة الذاتية عبر الإنترنت هي نسخة رقمية من السيرة الذاتية.

إنها نظرة عامة على خبرتك ومهاراتك وتعليمك وإنجازاتك.

يمكن استخدامه للتقدم لوظيفة ، أو عمل مستقل ، أو مشاركة استشارية ، أو التقدم إلى مدرسة.

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

إليك برنامج تعليمي حول كيفية إنشاء سيرتك الذاتية عبر الإنترنت: كيفية إنشاء سيرة ذاتية عبر الإنترنت


الخطوة الثالثة: بناء موقع محفظة

الحافظة ضرورية لجذب الانتباه.

يعد إنشاء محفظة طريقة جيدة لزيادة تواجدك عبر الإنترنت.

تُستخدم الحافظة لعرض مهاراتك ومشاريعك.

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

فيما يلي برنامج تعليمي حول كيفية إنشاء محفظتك: كيفية إنشاء محفظة


الخطوة الرابعة: البحث والتقدم للوظائف ذات الصلة (مستمر)

دائما تبحث وتتقدم للوظائف.

وظائف الدخول النموذجية هي Intern أو Junior Developer.

تذكر أن الحصول على الوظيفة الأولى هو الأصعب.

الهبوط التالي أسهل.


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

تعتبر العربات التي تعمل لحسابهم الخاص جيدة لبناء خبرة العمل ذات الصلة.

إنشاء ملف التعريف الخاص بك مع منصة أزعج.

ابحث وتقدم للحصول على ارتباطات ذات صلة.

تسويق ملف التعريف الخاص بك بنشاط.

أضف الارتباطات المكتملة إلى سيرتك الذاتية وحافظة عملك.


الخطوة السادسة: العمل على المشاريع

العمل في مشاريعك الخاصة يحسن مهاراتك.

شارك مشاريعك المكتملة مع الآخرين.

استمر بالتمرين. الاتساق هو أهم شيء!

لقد أنشأنا محرر كود لك يسمى W3Schools Spaces ؟ هنا يمكنك إنشاء موقع مجاني باستخدام HTML و CSS و JavaScript.

ابدأ مجانًا ❯

* بطاقة الإئتمان غير مطالب بها


الخطوة السابعة: التقدم بطلب للحصول على تدريب داخلي

يعد التدريب الداخلي أحد أفضل الطرق لدخول سوق العمل.

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

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

الخطوة الثامنة: قم بتحميل الكود الخاص بك على Github وساهم

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

إنه مجتمع للمبرمجين.

يسمح وجود الكود الخاص بك على جيثب بالتعاون مع الآخرين.

تعد المشاركة في مشروع مفتوح المصدر طريقة جيدة لاكتساب الخبرة. ابحث عن واحد!

إليك برنامج تعليمي لتعلم Git: Learn Git


الخطوة التاسعة: انضم إلى مجتمع المطورين

المجتمع هو مكان يمكنك من خلاله التواصل مع الآخرين.

يمكن أن تجعل المشاركة في المجتمع التعلم أسهل.

تعد مشاركة وجهات النظر المختلفة طريقة جيدة للتعلم.

يمكنك رد الجميل بالمساهمة بما تعلمته.

تواصل مع الآخرين والشبكة ، حتى تتمكن من لفت الانتباه.

ربما يمكنك العثور على مرشد في حشد المجتمع؟

يعد الانضمام إلى مجتمع أمرًا رائعًا للتواصل مع مطورين آخرين للتعلم والتعاون والتواصل.

لقد أنشأنا مجتمعًا لهذا فقط.

انضم إلى مجتمع W3Schools ❯

الخطوة العاشرة: تنمية تواجدك على الإنترنت

اعرض عملك على الوسائط الاجتماعية.

المساهمة بكتابة محتوى ذي صلة مثل.

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

مساحات W3Schools

W3Schools Spaces

كل ما تحتاجه في المتصفح. إنه سهل الاستخدام - جربه!