CodePen

CodePen

CodePen é um playground de código baseado em nuvem que permite aos desenvolvedores web para ajustar trechos de sua JavaScript, HTML5 e CSS. Ele funciona perfeitamente com lotes de preprocessors JavaScript, bibliotecas e frameworks, e ele tem muitas opções para compartilhamento de trechos. Dispõe de uma edição gratuita suportada por anúncios que os desenvolvedores limites para um projeto, e também oferece uma série de versões profissionais a partir de US $ 8 por mês. Estas versões remover os anúncios e permitir vários projetos (incluindo os privados), e eles também fornecem para o ativo hospedagem, exibições ao vivo e temas incorporados. Existem outros modos especiais de colaboração e ensino.

Baixar CodePen
Características de CodePen
  • Permite a criação de vários projetos, em um IDE baseado em nuvem soprado completo
  • Pode criar projetos privados
  • Suporta imagens ao vivo
  • Permite hospedagem ssset
  • Pode incorporado temas personalizados
  • Tem um modo de colaboração
  • Tem um modo de ensino
Pros de CodePen
  • Tem ferramentas aprimorando tempo real incríveis
  • Vem com lotes de apoio para JavaScript pré-processadores, bibliotecas e frameworks
  • Tem excelentes ferramentas de colaboração
Contras de CodePen
  • Nenhuma de suas melhores ferramentas estão disponíveis na edição gratuita
  • A edição gratuita tem anúncios e exige registro
CodePen Rever

À primeira vista, CodePen parece apenas mais um parque infantil código. Sua versão gratuita suportada por anúncios é muito parecido com jsFiddle, e talvez seja ainda mais limitante. Mas são as versões profissionais que realmente permitem CodePen a brilhar. Primeiro, você tem vários projetos em um IDE soprado completo, e que esses projectos pode ser privado. Você também terá hospedagem de ativos, que lhe permite fazer upload de imagens e outros arquivos, para que você possa realmente simular um servidor Web de produção. Ele também permite que você temas personalizados incorporar. Mas o que faz CodePen realmente grande são as suas ferramentas em tempo real. A sua exibição ao vivo atualiza o aplicativo como você escrever o código, e o modo de colaboração permite que várias pessoas para ajustar o mesmo código ao mesmo tempo. Ele também tem um modo de ensino, permitindo que todos - professores e alunos - para interagir de uma só vez. O aspecto negativo apenas real do CodePen é que você tem que pagar por todas as suas boas características. O plano gratuito não se limita apenas, mas também tem anúncios, e - ao contrário jsFiddle - você tem que se inscrever para ele.

CodePen Vídeo

Alternativas a CodePen

ShiftEdit

Pago
Enquanto detalhado, o site fornece maneiras para editar e rever vários programas. Você pode criar e publicar informação também.
Mostrar detalhes

Codiad

Livre
Codiad é um ambiente de desenvolvimento integrado que se baseia inteiramente em linha e exige pouco em termos de hardware avançado sistema. Ele também tem uma relativamente pequena pegada,
Mostrar detalhes

CodeBunk

Livre
CodeBunk é um compilador flexível e colaborativo que torna o processo de compartilhar seu código com amigos e testar potenciais candidatos a emprego simples.
Mostrar detalhes

JsFiddle

Livre
JsFiddle é um JavaScript parque infantil código baseado em nuvem que permite aos desenvolvedores web para ajustar o seu código e ver os resultados desta ajustes em tempo real. Os suportes editor
Mostrar detalhes

Koding

Pago
Instantaneamente criar, compartilhar, escala e gerenciar ambientes de desenvolvimento.
Mostrar detalhes

Codio

Pago
desenvolvimento móvel e área de trabalho Visual na nuvem, para os desenvolvedores de todos os níveis.
Mostrar detalhes

SourceLair

freemium
SourceLair é um IDE online que permite código em mais de 25 linguagens de programação e frameworks, enquanto ele se integra com Git, GitHub e Heroku.
Mostrar detalhes

JSitor

Livre
JSitor é um playground de código baseado em nuvem que permite aos desenvolvedores web para escrever / share os trechos web, bem NodeJS trechos. Isto suporta quase todos dominante JavaScript,
Mostrar detalhes

Plunker

Livre
Plunker é um site onde os desenvolvedores podem colaborar em projetos e compartilhar idéias entre si. A colaboração em programas é em tempo real, para que os desenvolvedores podem trabalhar
Mostrar detalhes

Repl.it

freemium
Poderosa e simples on-line do compilador, IDE, intérprete, e REPL. Código, compilar e executar código em mais de 30 linguagens de programação: Clojure, Haskell, KOTLIN (beta), QBasic, Forth,
Mostrar detalhes