ENTRAR
UNIRSE AL CLUB

¿Qué es y cómo funciona Codeanywhere? Descubre su funcionamiento

Marçal Alarcón

-

3 noviembre 2021

-

0.0/5

Un entorno de desarrollo integrado o IDE es, una plataforma con una serie de herramientas necesarias para crear aplicaciones, depurar errores, editar código y realizar pruebas. 

Hoy en día existen IDEs en la nube como Codeanywhere, donde los desarrolladores  pueden acceder a ellos desde cualquier ordenador sin necesidad de instalar nada en nuestro equipo.

En este artículo te explicaré que es Codeanywhere y aprenderás a cómo usarlo. ¿Empezamos?.

¿Qué es Codeanywhere?

Codeanywhere es un IDE totalmente online (se trabaja desde el navegador). Esta aplicación está creada en un modelo Freemium, es decir que disponemos de una versión gratuita con algunas limitaciones y dispone de diferentes tipos de licencias según los recursos que necesites.

Hay que destacar que Codeanywhere ofrece una app para dispositivos móviles Android y IOS (donde podemos conectar nuestra cuenta y seguir con nuestros proyectos en la nube).

TUTORIAL RECOMENDADO PARA Windows

Configurar error 404 Apache Windows Server 2019

¿Cómo crear una cuenta en Codeanywhere?

Codeanywhere al ser un IDE en la nube, es necesario tener una cuenta (que luego es la que usaremos siempre que queramos editar/ver nuestros proyectos). La cuenta se crea de la siguiente manera:

Paso2Entramos en codeanywhere.com y pulsamos en el botón que dice “Signup”.

Paso2Rellenamos nuestros datos para crear la cuenta.

Paso2Nos esperamos a que se nos cree la cuenta.

Paso2Seleccionamos en “Start Free 7-Day Trail” para probar el IDE antes de comprarlo.

Listo, ya tenemos nuestra cuenta de prueba creada con éxito.

TUTORIAL RECOMENDADO PARA Windows

Activar y desactivar módulos de Apache Windows Server 2019

Instalación de un nuevo IDE

En Codeanywhere podemos tener de forma gratuita hasta un total de 10 IDEs (En Codeanywhere se llaman “Containers”). Para crear uno nuevo, debemos de:

Paso2Pulsar en “Create Container” para crear un nuevo IDE.

Paso2Escribimos un nombre para el contenedor (1) y seleccionamos el tipo del contenedor (en mi caso voy a coger el HTML) (2) y por último, pulsaremos en el botón lila que dice “Create” (3).

TUTORIAL RECOMENDADO PARA Windows

Crear y configurar certificado SSL en Apache Windows Server 2019

Crear un nuevo proyecto

Automáticamente después de crear nuestro container (IDE), deberemos de crear proyectos en ese container, para ello deberemos de:

Paso2Pulsar en “Create a new Project”.

Paso2Le establecemos un nombre al proyecto y pulsamos en el botón que dice “Create” para crear el proyecto.

Entendiendo la interfaz de Codeanywhere

La interfaz de Codeanywhere se divide en 3 partes:

Parte 1: Ficheros y directorios del proyecto actual.

Parte 2: Contenido del fichero que tenemos abierto (donde editamos el código).

Parte 3: Vista previa del documento, en el que estamos trabajando (simula un navegador web).

Crear un Fichero nuevo

En la parte 1 de nuestro IDE, debemos de hacer clic derecho y:

Paso2Pulsar en “New File”.

Paso2Le establecemos un nombre al fichero (en mi caso le voy a llamar index.html).

IMPORTANTE: Hay que crear el fichero con la extensión que queramos (en mi caso como quería que fuera HTML, termino el nombre del archivo en .html).

Listo, podemos ver que en la parte 1, nos aparece el fichero que acabamos de crear. En caso de que queramos trabajar en el, lo deberemos de hacer en la parte 2 de nuestro IDE.

Crear un Directorio nuevo

En la parte 1 de nuestro IDE, debemos de hacer clic derecho y:

Paso2Pulsar en “New Folder”.

Paso2Le establecemos un nombre al directorio (en mi caso le voy a llamar css).

Espero que a partir de ahora empieces a crear tus proyectos con Codeanywhere… Para cualquier  duda puedes escribirme en el formulario de contacto pulsando aquí.

Un saludo Mab55

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on whatsapp
WhatsApp
Share on telegram
Telegram
Share on reddit
Reddit
Share on email
Email

Marçal Alarcón Brugal

Soy Técnico en Desarrollo de Aplicaciones Web con más de 5 años de experiencia en el sector informático. En los últimos años, me he centrado en enseñar mis conocimientos de informática a través de cursos, tutoriales… 

# ¿Te ha sido útil? Escribe una reseña

{{ reviewsTotal }} Review
{{ reviewsTotal }} Reviews
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}

📕 Tutoriales

📕 Tutoriales

🔸 Linux

🔹 Mac

🔸 Windows

También te puede interesar

Instalación de WAMP para Windows 11 – Descarga y configuración paso a paso

0.0/5

Activar y desactivar módulos de Apache Windows Server 2019

5/5
Aprende a activar y desactivar módulos de Apache en Windows Server 2019. Aprende todo sobre los módulos…

Crear directorios y archivos en la carpeta pública de Apache Windows Server 2019

0.0/5
Aprende a crear directorios y ficheros en Apache con Windows Server 2019 de forma fácil y rápida…

Ficheros de configuración importantes de Apache Windows Server 2019

0.0/5
Descubre cuales son los ficheros de configuración más conocidos de Apache Haus 2.4.51 en Windows Server 2019. Estos ficheros…

Instalar Sublime Text en Windows 11

0.0/5
Descargar e instala Sublime Text, el mejor editor de código para el desarrollo web. Este editor nos permite de una forma …

Configurar error 404 Apache Windows Server 2019

0.0/5
Configura la redirección 404 en Apache de Windows Server 2019. Si quieres aprender…
Este contenido está restringido, SOLO está disponible para los miembros del club de Flota Digital.