What is CodePen?

I stumbled upon CodePen.

Can someone explain to me what exactly is CodePen? Is it just to learn coding or can it be used to actually create websites?

Can I create websites like any other HTML editor and save it?

Is a Server-side scripting language available with CodePen?

I can't seem to find a download link, it's only available online?
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Rainer JeschorCommented:
CodePen is an online web editor - you "simply" create your HTML, CSS and JavaScript content and you get a live preview and result.
It is good for demoing and prototyping, because you do not need a local installed web server.
It is not a server side coding environment (e.g. ASP.NET, PHP, ...) nor can you build up complete web sites.


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
provenzojohnAuthor Commented:
Since I can't create complete websites, couldn't I just "copy" the coding from CodePen into, let's say Dreamweaver and go from there to create complete websites?

Are the different paid CodePen's more for educators then the free edition?
RobOwner (Aidellio)Commented:
jsbin.com and jsfiddle are others.  I use them to demonstrate or fix issues but you would never build a site.  Quite often I will load up jsbin.com (or codepen or jsfiddle) to test certain aspects of a site I'm building like a responsive element or jquery plugin.  Once it's working the way i want i copy it back into my project and keep going.  Much like you're describing with Dreamweaver.

It's a test area for devs.  The paid codepens your talking about are where others have built a plugin or cool feature that to them is worth something.  Not unlike a template that you'd buy from themeforest.

As codepen says on it's home page, it's a test area:
CodePen is a playground for the front end web.
Show off your latest creation and get feedback. Build a test case for that pesky bug. Find example design patterns and inspiration for your projects.

Just be aware that it can't do any server side processing e.g. coldfusion tags, .NET, PHP, Nodejs etc.  It's all client side JS, CSS and HTML
Rainer JeschorCommented:
first of all - yes - you can build your page/code and copy that back to your local DreamWeaver.

The Pro mode is useful if you need private pens (e.g. demoing/prototyping for customers) or have to work in a team (live pair programming) or uploaded images in CodePen.

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.