ما در این آموزش با سرفصل های زیر آشنا خواهیم شد:
نحوه استفاده از کد های سایت Codepen.io
معرفی سایت Codepen.io
چگونگی عضویت و ورود در سایت کدپن
ایجاد pen جدید در سایت کدپن
افزودن کتابخانه خارجی در Codepen
آموزش برنامه نویسی و ذخیره کد برنامه نویسی در سایت Codepen
باز کردن کد های از پیش ذخیره شده خودمان در سایت کدپن
تغییر کد های دیگران در سایت Codepen
آموزش استفاده از کد های سایت Codepen داخل سیستم و یا سایت های خودمان و بازکردن با vs code
سایت codepen یک شبکه اجتماعی برای برنامه نویسان وب است ولی بهترین ویژگی این سایت اینه که می تونید کد خودتون رو بنویسید و نتیجه رو همون لحظه مشاهده کنید و حتی سورس کدی که نوشتید رو با همه به اشتراک بذارید یا بقیه رو لایک کنید و دنبال کنید کد های افراد دیگه رو هم مشاهده کنید و راستی عضویت در این سایت به صورت رایگان می باشد. در وب سایت چگونگی می توانید به صورت کامل آموزش استفاده از سایت Codepen را مشاهده نمایید.
سایت codepen یک شبکه اجتماعی برای برنامه نویسان وب است که در آن برنامه نویسان از سراسر دنیا کد های مربوط به برنامه نویسی وب ، یوآی و زبان های HTML , CSS, JS و ... با هم به اشتراک میگذارند و امکان استفاده رایگان از این کدهای برنامه نویسی محیا میباشد، در کشورهای خارجی سایت های مثل کدپن کاربرد ایجاد رزومه را دارند و برنامه نویسان کد های خود را در آن به اشتراک میگذارند و جهت استخدام پروفایل خود را برای شرکتی که نیت جذب برنامه نویس دارد ارسال میکنند، از بهترین ویژگی های این سایت codepen اعمال کدها به صورت آنلاین و مشاهده آنی خروجی وجود دارد، به این صورت که در بخش pen سایت شما می توانید شروع به نوشتن کد خود کنید ( html , css ,js ) در بخش پایین نتیجه رو مشاهده کنید بعد می تونید با همه کد های خود را به اشتراک بگذارید
سایت codepen این امکان را میدهد تا بتوانیم داخل آن کدنویسی کنیم ، علاوه برآن در این شبکه اجتماعی برنامه نویسان شما به هزاران برنامه وب کاملا کد باز دسترسی دارید و همچنین میتوانید رزومه ای برای خود در این سایت ایجاد کنید.