TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Blocklike.js Educational Library – So kids can level up from Scratch

88 pointsby ronilanover 5 years ago

13 comments

Scirra_Tomover 5 years ago
We talked to a lot of teachers, and it&#x27;s a real problem going from block based programming to syntax heavy scripting - there&#x27;s a chasm there which from a teaching standpoint is sometimes tricky to breach and keep students engaged with.<p>We&#x27;ve gone for a different approach with Construct 3 which is so far resonating well in education, by mixing our block based programming system with Javascript itself helping to smooth the transition:<p><a href="https:&#x2F;&#x2F;s1.construct.net&#x2F;images&#x2F;v721&#x2F;refresh&#x2F;features&#x2F;learn-to-code.png" rel="nofollow">https:&#x2F;&#x2F;s1.construct.net&#x2F;images&#x2F;v721&#x2F;refresh&#x2F;features&#x2F;learn-...</a><p>The above example is a mix of block based and Javascript, but it can go all the way to making games with pure Javascript in script files - we&#x27;re hoping to cover the transition in education from between Scratch and other tools such as Unity. There&#x27;s a big gap there.
评论 #21572192 未加载
评论 #21576935 未加载
bayesian_horseover 5 years ago
I am divided on using Javascript as a first language to teach to children [Or second or first-and-a-half after Scratch]<p>It&#x27;s extremely useful, and does contain lots of good parts. But it&#x27;s at times inconsistent,requires learning its quirks and may cause more frustration than other languages.<p>I would also worry a little about pushing the students down a road of mostly frontend web development. Not that they can&#x27;t escape by learning something else, but still.<p>I guess it would take studies to compare the outcome of various languages and curriculi? A lot of apps and games nowadays are data driven, to optimize for onboarding, engagement and so on. I would like to see more of that in education.
评论 #21572630 未加载
krestenover 5 years ago
There’s also what seems to be a better scratch than scratch:<p><a href="https:&#x2F;&#x2F;snap.berkeley.edu" rel="nofollow">https:&#x2F;&#x2F;snap.berkeley.edu</a>
评论 #21569012 未加载
评论 #21571354 未加载
评论 #21572661 未加载
chowardover 5 years ago
It&#x27;s a shame they decided to involve one of the worst parts of JavaScript and hardest to explain in all the examples: &quot;this&quot;. I&#x27;ve written a lot of JavaScript code that doesn&#x27;t use it and it&#x27;s really easy to understand.
评论 #21570372 未加载
johnjones4over 5 years ago
This honestly seems like a big leap to ask kids to take from Scratch. I agree with some of the comments I&#x27;m seeing that the concept of &quot;this&quot; is a big one - but even other common JavaScript concepts such as callback functions seem like a stretch. What I wonder is why a variant of BASIC hasn&#x27;t taken off. I think most Gen X and Millennial software professionals can point to early exposure to BASIC as an inspiration for their careers. The syntax of that language was meant to be for beginners - so why aren&#x27;t we using it?
Glenchover 5 years ago
There&#x27;s also <a href="https:&#x2F;&#x2F;woofjs.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;woofjs.com&#x2F;</a> from my friend Steve Krouse which has Scratch-like JS!
nkriscover 5 years ago
Very interesting way of trying to bridge the gap from &quot;blocks&quot; to code. Part of my introduction to coding was using the Starcraft and Warcraft 3 map editors. At a base level, much of the scripting in the editor is very much block-like: choose an event, add actions, and apply conditions. It wasn&#x27;t block-based programming but it was point and click nonetheless. However there were essentially &quot;blank blocks&quot;, actions which were just an input for arbitrary scripts. If I&#x27;m remembering correctly, I think WC3 editor might have used Lua (not 100% sure), but I learned a lot by going beyond what was possible with just tools the editor gave you by using these seemingly limitless windows into the world of programming that it offered.<p>Though as I recall a lot of the really advanced and customized Starcraft maps actually used, I believe, some kind of overflow bug to add all kinds of arbitrary data that you couldn&#x27;t normally. Off topic now, but interesting fact nonetheless, when Blizzard remastered Starcraft they essentially re-implemented the bug so old maps would still work.
评论 #21573169 未加载
threatofrainover 5 years ago
I feel that the most significant edge provided by these kinds of pedagogical languages is they bridge the years for when the hands can&#x27;t use the keyboard very well -- in other words, it&#x27;s not a very interesting edge.<p>I also think that typing the words out has an effect on fluency even though it seems like a menial form of practice.
matt_morganover 5 years ago
It&#x27;s hard to tell the home page is more than the gray field; and then &quot;get started&quot; skips to the end, where I&#x27;m encouraged to click on the codepen link and get a completely obtuse page. I recommend fixing that first view so there&#x27;s more to see right when the page opens.
iudqnolqover 5 years ago
A few years ago I tried to make a project that would let kids write in a written language which would be parsed and translated into the XML Snap (a scratch alternative) uses. Then I&#x27;d embed the Snap runtime to run it. The basic parts worked, but I ended up giving up on the project.
ngmcover 5 years ago
This is great work! I’m a fan of blockp5.js’ approach to the problem: take a beginner-friendly JavaScript environment (p5.js) and add a blocks.<p><a href="https:&#x2F;&#x2F;github.com&#x2F;ycatch&#x2F;blockp5.js" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;ycatch&#x2F;blockp5.js</a>
d4rcycover 5 years ago
this reminds me of a project with similar goals (of providing learner coders with a &quot;level-up&quot; from Scratch) <a href="https:&#x2F;&#x2F;github.com&#x2F;stevekrouse&#x2F;WoofJS" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;stevekrouse&#x2F;WoofJS</a>
评论 #21570420 未加载
em-beeover 5 years ago
excellent. this is a needed step.<p>the first block programming tool i used is etoys.<p>it has an interesting feature, where each piece of blocks has a direct equivalent in smalltalk, so you can compare the block version with the code version.<p>the transition is therefore much smoother as you can reuse your existing block code.<p>in that vein it would be nice if blocklike had an import function to load scratch projects.<p>at least for simpler projects this should be possible, and it would further enhance the transition.
评论 #21570033 未加载