learn-programming

To teach programming for children without difficulty

Before starting

On Mac

brew install yarn
yarn global add learn-programming

Create an application

When we create the app with the nane study, execute the command below.

create-learn-programming-app study

Run the application

Moving to the application directory. In this example, mv study.
Then execute the command below to run the application.

yarn run dev

We can see the application in a browser requesting to http://localhost:3000 .

Components

Text

attribute	format
color
backgroundColor
fontSize
textAlign

Button

attribute	format
onClick	(text in the button) => { }
color
backgroundColor
fontSize
textAlign

RowBlock

attribute	format
color
backgroundColor

ColumnBlock

attribute	format
color
backgroundColor