Huge Kidz Upgrade!

Kidz - the Glitch alternative for kids is now getting a huge upgrade! We've began beta testing for TheCoder, our Glimmer alternative.

WE'RE NO LONGER LOOKING FOR DEVELOPERS ANYMORE DUE TO PRIVACY CONCERNS.

How are we kid friendly, you may ask?

  • Kid friendly design
  • We don’t host, we just give links to prevent kids from posting unnecessary stuff
  • We have a clean design
  • We have a support forum
  • We have a support email
  • We’re all awesome (that may not fit in the category, but it’s good to mention)
  • We have text safety measures (no swearing) in our blog posts (beta)

okay, got it.

When will this upgrade be released? i might try it

It’s in beta. IDK yet. You can try our current program kidz.glitch.me

1 Like

Too many threads, isn’t possible to post updates on the same thread?

2 Likes

OK. I thought it would be confusing

What would be intresting is if we could teach kids to use a node editor to code nodejs. Node editors actually don’t slow you down because you can search for the nodes you need with a keyboard shortcut(does scrtach have that?)

2 Likes

IDK. It may take a while

I still don’t get how we can install npm packages. :pensive::joy:

Hi, I took a look at the project, if I’m going to answer honestly I’d have to say I’m not impressed. The editor is not an editor, it’s 3 textareas. Which is obviously kinda bad, no tabbing, syntax highlighting or intellisense what so ever, I recommend implementing vscode, Ace or CodeMirror.

The landing page is not response either, a phone user wouldn’t see all the content on the page compared to a pc user, to fix this I recommend looking into css flexboxes, there is also an interactive game made to learn flexboxes.

Good luck!

7 Likes

Exactly what I requested for in the main thread.

3 Likes

Yeah some things you just shouldn’t reinvent the wheel for. Static site generators and ui are nice to make your own of but a code editor probaly not.

Yeah, I’ve been wanting to set up Monaco, but I can’t understand anything in the documentation.

Seems to be quite object oriented like discordjs but much more complex.
https://microsoft.github.io/monaco-editor/playground.html
There’s a easy example here though

Ace.js looks good.  

1 Like

I’m going back to editing new-learn-code (the text editor that Kidz uses with permission) and adding CodeMirror and script tabs (you can switch files)

1 Like

And @anon69241012, Is the text safety a lie? I’ve gone on the editor and view the source - there’s no swearing filter.

1 Like

new update for kidz coming out nice:

Screenshot 2020-06-03 at 2.29.21 PM
Thanks @ihack2712 for the feedback!

Few issues

  1. Favicon blends in with tab background, barely recognizable. https://file.coffee/u/kLCFa8-Zfl.png
  2. The statements & Blog page are just big white pages with a tiny bit of text. https://file.coffee/u/5x5d9heBx1.png & https://file.coffee/u/ugNev-7WaQ.png
  3. It might be a good idea to put more things in the footer, https://file.coffee/u/MSSveH6kJj.png Including things such as email, and quick links.
  4. Your editor is just 3 text boxes. Why should one use Kidz instead of codepen or glitch’s editor?
  5. How is any of this “kid” friendly? Don’t see any filters anywhere.
4 Likes

I was thinking to make it more kid friendly you should add in some premade programs that you can tweak. Examples:


https://golang.org

2 Likes

I will integrate it soon. Sorry I forgot. I thought i put it in

  1. This was one of the only files on our branding pack. I’ll look later for just the icon to use.
  2. We removed the only statement because it was kinda mean. The Blog page not released
  3. We will add more things in the footer.
  4. We know our editor is only 3 boxes.
  5. I meant that our beta blog has filters so admins can’t swear.
1 Like

WE ARE ALSO GOING TO ATTEMPT TO ADD A DARK MODE AND SOME OTHER COOL FEATURES. Get excited!

1 Like

If your admins are swearing when bloggin we have a bigger problem on our hands. What service thats semi-popular with adults or kids has swears in there blog posts?

5 Likes

ya I agree with @Anish before you make a code editing platform for kids, first teach your admins not to cuss

5 Likes

Just curious, what do you mean by privacy conerns?

COPPA, information that can indentify the kids cannot be used. I’m not sure if collecting emails counts though

This is wrong. COPPA states you need parental consent to collect this data. Emails do count. Note: Not legal advice :slight_smile:

Also have a read at GDPR.

1 Like

That means that Kidz needs to ask for parental consent(like ask for a parent’s email) in order to comply with COPPA.

3 Likes

you need to comply with COPPA and GDPR first before releasing

4 Likes

@Fionn can explain - he made the statement

IT’S TIME FOR A REVAMP!


But please Kidz, DM me if you want to use this new/improved editor.

I’m also the owner of learn-code, which Kidz uses as their editor.

Find it at --> https://new-learn-code.glitch.me/

Note: If you ever used Learn-Code’s editor before this update and saved your code, the new editor editor will still get the saved code!

I understand COPPA and other related laws, and I will be taking procedures to ensure we do comply with these laws.

2 Likes

@code-alt you need to add the .glitch.me to the end of the ‘save as url’ URL generated :slight_smile:

1 Like

Oh yeah i forgot. I’ll go do that right away!

Ok thanks for the feedback!

It’s fixed

1 Like

@code-alt now get not found error when trying to access generated URL

1 Like

I double check the url, and yes it had the removed test page. I’ve now changed that to edit.html, and a new update with the title.

the urls now work like they were in the old editor.

Well, time to work on the Blockly editor!

1 Like

good luck on it, I tried blockly it was sort of easy to use it. Basically your code can be converted to js, python, lua(I’m pretty sure I’m wrong about one of these)

2 Likes

You should make the colors for the blocks and the sidebar a lot more brighter to be honest they’re kind of dull

2 Likes

Made from scratch or does it use a template of some kind?

It uses google blockly which powers stuff like code.org and app inventor.

Reminds me of scratch tbh. Anyhow can staff discussions not happen in a public topic?

@Fionn, have you thought of putting a DMCA on it? that way any unauthorised copies can be taken down

Indeed, I’m uploading the license and copyright notice later today.

1 Like

Can you guys please talk about internal discussions in your DM’s or some other messaging platform. This topic is only about the gallery, your supposed to show off what you did. But not talk about staff discussions on this post.
:slight_smile:

Good has the block code open sourced.

Nice @code-alt! I’d love to have that copy.

I just have a tip:

  • The URL feature is not such a great idea. Using parameters in the url creates several issues, number one, it can only hold 4000 characters, and number two, the link is a mile long. Maybe you should work on saving the code in a database or onto the computer?

We don’t want to host them, because Glitch’s servers will get overloaded… If it’s part of our project, we can have them at /yoursite. I’m still working on it and we may get a new editor @RiversideRocks

Also have to say the new editor seems to highlight C++ just fine too lol
cpp

1 Like

Codepen has 3 boxes too

1 Like

They also have a project editor which only has one box where you can write code.

6 Likes

Does the editor have any extra features? And do I get hosting for my projects?

1 Like

Option menu is currently being created.

I think that hosting would be a great idea. Why not use a database? You could use an offsite database like mongodb.

Does the editor have stuff like code formatting, editor preferences, dark theme, etc.?

1 Like

Yes, you can create a separate project where you can host and do other stuff to save space.

1 Like

The upcoming Options menu will allow you to add many things like “Enable Blockly” and “Add Jquery” or even “add NPM packages.”

1 Like

it just doesnt feel right to save it in a url

1 Like

Yeah, I’ll try to find another saving option.

URLs can also only hold 4000 characters of code.

That’s why I have to find another way, I’ve already heard that.

We’re thinking up ways… Right now, our code is under copyright. Our staff is @TheBigC @Fionn and @code-alt

You can save in localStorage, but the safest would be some external service like github or gitlab. Bot of the mentioned services btw, do have APIs that are efficient when it comes to stuff like this.

2 Likes

You could also see if Github Gist has an API.

They do, but I recommend just looking into Github API instead, the Gist service is not the correct place for something like this…

2 Likes

Any other questions?