JS Studio

Luminous Organisation

Create your own websites by blocking

JS Studio


version 13.1 alpha 1
Available on Samsung Galaxy Store


What's new :

version 13.1 alpha 1
1. App name and icon are changed
2. Deprecated: Halloween theme, font and animation

version halloween 2023
1. From now, internet connection is not required on app initialisation
2. You won't be forced anymore to update a newer version
3. Halloween theme, font and animation are added (You can turn these off from Settings)

version 12.0
1. Major bug fixed: After signing in, previous data won't be removed
2. Design bug fixed: Smooth automatic scrolling added in Notifications & Shared Projects page; upload & download icons are now visible forever in Block Editor page
3. TestThis Editor v2.0 is now available
4. Browser is updated: Website icon and web loading progress are now available
5. You can now download file(s) from this browser

version 11.0
1. Fixed bugs on sign in page

version 10.0

1. Fixed bugs on Shared Projects 
2. Fixed Advertisement bugs

version 9.0

* You can use this app on android 6 or higher
1. Updated User Information

version 8.0

* You can't use this app on android 7 or lower.
1. Coding Console: You can programme HTML, CSS & JS on Coding Console page. You can run your code from there. Edited codes will be saved automatically.
2. TestThis Editor: It is a built-in editor provided by Luminous Organisation. It is not for developing, but testing code snippets.
3. More Sexier Home: You can click on Notifications, Configure (Setting), Shared Projects and more from home.
4. Code Editor: Many bugs are fixed. You can now create your own HTML files to edit directly.
5. Design Improvement: Many elements, texts are now in Red color.
6. Flexibility: While input entering, input box won't be ruined after touching outside of box.
7. Bug Fixed: Data retrieving, Shared Projects' advertisements etc. bugs are fixed.

version 7.0

1. HTML → PDF: You can now convert pdf from compiled webpage.
2. Responsive design: Meta viewport has been added.
3. Direct Code Editor: A notice will be prompted after pressing back.

version 6.0

1. Fixed: “do nothing” bug
2. Script type has been changed
3. Shared projects need approval
4. Added: Push notification
5. Fixed: Compiled page's permission

version 5.0

1. HTML page's specs are categorised as categories-subcategories like JS.
2. Added SHARED PROJECTS and NOTIFICATION portals.
3. You can now share your project(s) as Shared Project(s).
4. You can view and download other users' shared projects.
5. Added “select line 0” feature in both HTML and JS.
6. Added “Drive Downlink” for ImageView url.
7. Direct Code Editor: Fixed storage problem.
8. Added ALL FILES ACCESS PERMISSION message for Android 11 and higher.
9. Console log is updated. Newly messages are stored in the bottom.
10. Added tutorial, house ads in JS page.
11. If you click long on spec(s), you'll be redirected to hint page.
12. Fixed: Database issues upon registration.
13. If you press back while editing project's name or creating new project, you'll not be notified directly to exit.
14. Blocking pages are now labeled as HTML and JS.
15. Added coin system. You can now earn coins by watching ads in HTML page. You can spend coins to download Shared Projects and/or using some special spec(s).


version 4.0

1. Browser Setting: You can now switch mobile to desktop view and vice versa.
2. Picking HTML (might include CSS & JS): You can now pick an HTML file to edit directly.
3. Deprecated: Child room from HTML.
4. The subspec "do nothing" is hidden.
5. Fixed: Saving instantly JS Block after deleting ‘if-else’ type block.
6. Source Code: You can now save to file or share source code after compiling.
7. Direct Code Editor: You can edit code directly after compiling. Furthermore you can save and/or run edited code.
8. HTML: Added Marquee, Highlighting etc.

version 3.0

What's new:
1. Block Specs for JS: Many block specs such as If, If Else, Repeat block, Timer and Dialog etc. are now dynamic and they can hold regular specs inside them.
2. You can now copy script or function in JS Editor.
3. Compiler: Console log is added.
4. HTML: Vertical Container, Horizontal Container and Horizontal Scroller etc. are now dynamic and they can hold childs inside them.
5. Design: When you select pallette of JS block specs, it will be coloured purple.
6. Design: Height of block specs is decreased.
7. CSS fix: line-through problem fixed.
8. Deprecated: Adding Child Room. But you can still work in existing Child Rooms from version 1 to 2.
9. Block specs are checked by developer and new block specs have been added. Automatically block specs will be updated after entering.
10. Data retrieving from cloud data store is not allowed while you are in the progress of project creating or editing.
11. CSS fix: CSS for YouTubeView is now in the head tag.
12. HTML: Added New Line, Taint etc.
13. Editor's block specs will appear from the top. 
14. HTML events: Removed extra semicolon from HTML source code. 
15. Auto quote for id of elements.

version 2.0

1. HTML: YouTubeView element has been added.
2. Spec: You can now COPY block spec.
3. Design fix: Confirm button is not hiding anymore if you enter longer input.
4. Compiler: Website title is now visible.
5. CSS fix:
(i) Font size is now default instead of 12.
(ii) We've added new line for property: height.
6. Legislation: Privacy Policy is now available.


Descriptions :

What is 'BLOCK (block specs)'?
=> Block is a kind of programming like scratch (MIT). The necessity of block is to lessen the errors and/or bugs from code and save valuable time. Even you can use block programming if you do not know about code of that language! It is beginners-friendly.

This app is a tool for developers who want to create their dynamic websites within a short time without using code. Use BLOCK instead. If you use block for developing, you can minimise the bugs from your code. This tool generates source code automatically so that you can copy source code and paste it in your own webpages. Block is available for CSS and HTML along with JavaScript.

Steps:
1. Create your web project (by writing a title and clicking 'go')
2. Design through block (no need to code)
3. Programme through block (no need to code)
4. Run
5. Test
6. Your website compiled successfully
7. You can now view and/or copy generated source code

How does block work?
=> This is an instance: if you want to pick random between 9 and 14, you have to code ↓

<s‌cr‌ipt>
var x = getRandom(9,14);
function getRandom(minV, maxV) {
return Math.floor(Math.random() * (maxV - minV + 1)) + minV;
}
ale‌‌rt(x);
</s‌‌crip‌‌t>

But if you use block programming in this app, try only two blocks ↓
Var [x] = Pick Random From [9] To [14]
Pop [x]
All done. You do not have to write this texts. You only should write the values in braces gaps [].

Features :
1. Block for HTML.
a. Vertical Container
b. Horizontal Container
c. Horizontal Scroller
d. TextView
e. BoldText
f. ItalicText
g. BoldItalicText
h. Heading
i. EditText
j. EditNumber
k. EditNote
l. Button
m. ImageView
n. CheckBox
o. Radiobutton
p. SeekBar
q. ProgressBar
r. TimePicker
s. DatePicker
t. Add Source Directly
u. Spinner
2. Including CSS without coding.
a. width
b. height
c. padding
d. margin
e. background colour
f. background image
g. transform (rotate, translation(X&Y), scale(X&Y))
h. opacity or alpha
i. text colour
j. text align
k. text decoration
l. text case
m. font size
n. item colour
3. Block for JavaScript.
a. Variable
b. Array
c. Control
d. Operator
e. Math
f. View
g. Text Id
h. Edit Id
i. CheckBox/RadioButton
j. ImageView
k. SeekBar/ProgressBar
l. Spinner
m. Components (Toast, CopyToCliboard, Activity, Intent, Storage, Calendar, Timer & Dialog)
4. Colour Picker for CSS and JavaScript.
5. JavaScript url function.
6. JavaScript free and parameters function.
7. JavaScript function source code viewer.
8. Source Code Generator.
9. JavaScript, CSS and HTML Compiler from block specs.
10. And many more.


Requirements :
Android device version 5.0 (Lollipop) or higher. You can't use this app from a rooted device. Internet connection is needed to sign in and downloading code block. Your device should have at least a signed in google account. App permissions:

1. Storage

2. Location


Supported Languages :
English UK


Luminous Organisation

Comments

Post a Comment

Popular posts from this blog

SeekBar JavaScript (I)

Image Editing / Element Filtering | JavaScript Block Editor

YouTube Embedding In HTML