ما هو موقع codepen.io

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

لدى Codepen.io مجتمع كبير مهتم بالكود يمكنك من التفاعل مع الآخرين والتعلم من مشاريعهم.

تتضمن الصفحة الرئيسية للموقع 3 لوحات أو أجزاء لتحرير وكتابة لتعليمات البرمجية الخاصة بك ويمكنك رؤية نتيجة ما كتبته في جزء المعاينة في الأسفل. والذي سيتم تحديثه كلما قمت بتغيير اكود في أحد الأجزاء الثلاثة.

اللوحة الأولى لكتابة أكواد HTML مع ملاحظة أنك لست بحاجة إلى <! DOCTYPE html> أو أي شيء آخر في البداية اكتب الوسوم مباشرة.

اللوحة الثانية مخصصة لتكتب تنسيقات CSS لتصميم صفحتك.

اللوحة الثالثة تستخدم لإضافة  أكواد جافا سكريبت ويتم إدراج هذه الأكواد عادةً في نهاية المستند.

بمجرد أن تكتب الكود الخاص بك وتحفظه يتم توليد رابط فريد لعملك ويمكنك أن تشاركه مع من تريد من خلال نسخ الرابط ومشاركته معهم.