CodeJS

The first Code.org Framework

Make your apps feel smoother, simpler and more attractive

📌 NOTE

This framework is in beta and for now its just compatible with the Code.org App Lab.

It will not work out of code.org

Components ⚙️

Create reusable components

Virtual Screens 🖥️

Organize your ui in different screens

Speed ⚡

Components are preloaded on memory before rendering

Meet CodeJS

And bring your code to the next level

Create a component

Codejs("createComponent", "button", "myButton", {
  text: "Click Me",
  textColor: "white",
  backgroundColor: "blue"
});

Create a VirtualScreen

Codejs("createScreen", "mainScreen", function() {
  Codejs("instanceComponent", "myButton", {
    x: 50,
    y: 100
  });
});

Swipe VirtualScreens

Codejs("createScreen", "screen2", function() {
  Codejs("instanceComponent", "myButton", {
    text: "Volver",
    onClick: {
      type: "run",
      exec: function() {
        Codejs("renderScreen", "mainScreen");
      }
    }
  });
});

Codejs("renderScreen", "mainScreen");
Learn More

How can i start with CodeJS

1

Copy The Code

Click the button up there to copy to your clippboard the framework

2

Paste on your Code.org project

Open your Code.org project and paste it at the beggining

3

Start developing and creating

Start your journey with CodeJS