¿Qué es y cómo funciona Codeanywhere? Descubre su funcionamiento
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
Comprobaciones de Apache, PHP y MySQL en WAMP Server Windows 11
¿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:
Entramos en codeanywhere.com y pulsamos en el botón que dice “Signup”.
Rellenamos nuestros datos para crear la cuenta.
Nos esperamos a que se nos cree la cuenta.
Seleccionamos 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
Configurar OpenShift en Windows 11
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:
Pulsar en “Create Container” para crear un nuevo IDE.
Escribimos 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
Ficheros de configuración importantes de 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:
Pulsar en “Create a new Project”.
Le 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:
Pulsar en “New File”.
Le 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:
Pulsar en “New Folder”.
Le 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
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…